一尘不染

内联数组注释-为什么将两个$ scope用作此代码

angularjs

我正在阅读Angular JS文档。我无法弄清楚我在以下代码中提到的一行。谁能解释?

script.js

angular.module('scopeExample', [])
.controller('MyController', ['$scope', function($scope) { // This line
  $scope.username = 'World';

  $scope.sayHello = function() {
    $scope.greeting = 'Hello ' + $scope.username + '!';
  };
}]);

index.html

<div ng-controller="MyController">
  Your name:
    <input type="text" ng-model="username">
    <button ng-click='sayHello()'>greet</button>
  <hr>
  {{greeting}}
</div>

我不明白这一点:

['$scope', function($scope) {}]

在这里,为什么$scope要使用两个s。


阅读 245

收藏
2020-07-04

共1个答案

一尘不染

Angular JS-内联数组注释

它用于避免缩小问题。缩小后,代码如下:

['$scope', function(a) {}]

因此,Angular知道要注入哪些依赖项。

否则看起来像

function(a){}

最小化和角度之后,不知道哪个依赖是什么意思。

您可以在AngularJS Docs(依赖注入)中找到更多信息,
网址为https://docs.angularjs.org/guide/di

2020-07-04