我不明白在控制器中使用$注入
我对Angular的注入感到困惑。 我不知道在哪里使用它,为什么。 是否仅在这里描述的工厂使用?
myController.$inject = ['$scope','notify'];
这里notify
是工厂的名字。
在缩小代码后(如果您select缩小),这是支持dependency injection的一种方法。
当你声明一个控制器的时候,这个函数的参数是:
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方法的风格如下:
MyController.$inject = ['$scope', 'notify'];
允许您在构build提供者时添加注入依赖关系,这些提供者是唯一不允许“友好”注释样式的angular色配方,例如:
.controller('MyController', ['$scope', 'notify',...
依赖关系被宣布。
你应该使用$inject
是:
function ApplicationController($scope){ $scope.greet = "Foo is Not Great!5"; } ApplicationController.$inject = ['$scope','$ionic']; app.controller('ApplicationController', ApplicationController);
我们需要这样做 ,以保护代码免受uglify或最小化。
function(firstName,lastName)
可能变成function(n,m)
。
所以对于AngularJS来说,它会破坏代码,因为$scope
可以被's'代替。 这是因为没有$
符号,angularJS将无法识别代码。
当我们使用ng-strict-di
属性时,必须使用这种格式
- Twitter的Bootstrap Navbar与AngularJS – 崩溃无法正常工作
- 正确使用控制器中的angular度平移
- Angular $ scope。$ apply vs $ timeout作为一个安全的$ apply
- 使用AngularJS进行身份validation,使用REST API WS进行会话pipe理和安全问题
- 引导在angularJS中是什么意思?
- angularjs ng-style:background-image不起作用
- Angularjs指令:隔离的范围和attrs
- AngularJS – 服务,工厂,filter等的dependency injection
- 你如何用AngularJS或Javascript下载文件?