我对Angular中的注入感到困惑。我不知道在哪里使用它以及为什么。是否仅按此处所述与工厂一起使用?
myController.$inject = ['$scope','notify'];
这notify
是工厂的名称。
Answers:
这是在代码最小化后(如果您选择最小化)来支持依赖注入的一种方法。
声明控制器时,该函数采用参数:
function ($scope, notify)
当您压缩代码时,您的函数将如下所示:
function (a, b)
由于AngularJS使用函数参数名称来推断DI,因此您的代码会中断,因为AngularJS不了解a
或b
。
为了解决此问题,他们提供了其他方法来声明控制器(或其他服务/工厂/等):
对于控制器,请使用$inject
方法-在此处传递一个映射到控制器函数参数的文字数组。所以,如果您提供
['$scope', 'notify']
那么函数的第一个参数的值将是与此控制器关联的作用域对象,第二个参数将是通知服务。
声明新的控制器,服务等时,可以使用数组文字语法。在这里,您可以执行以下操作:
angular.module('myModule').controller('MyController', ['$scope', 'notify', function ($scope, notify) {
...
}]);
数组作为控制器功能的参数,会将DI对象映射到您的功能参数。
我更喜欢在声明控制器等时使用选项#2,因为它位于同一位置,因此更易于阅读/理解/交叉检查。
您应该使用的方式$inject
是:
function ApplicationController($scope){
$scope.greet = "Foo is Not Great!5";
}
ApplicationController.$inject = ['$scope','$ionic'];
app.controller('ApplicationController', ApplicationController);
我们需要这样做,以防止代码被丑化或最小化。
function(firstName,lastName)
可能变成function(n,m)
。
因此,对于AngularJS,它将被破坏,因为$scope
可以用's'代替。这是因为没有$
符号,angularJS将无法识别代码。