我不明白 $inject 在控制器中的使用
IT技术
javascript
angularjs
dependency-injection
2021-02-26 02:35:55
4个回答
这是在您的代码缩小后支持依赖注入的一种方法(如果您选择缩小)。
当你声明一个控制器时,该函数接受参数:
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,因为它更容易阅读/理解/交叉检查,因为它们都在同一个地方。
为了补充@mark答案,重要的是要注意使用 $inject 方法的样式:
MyController.$inject = ['$scope', 'notify'];
允许你建立时添加注入的依赖供应商这是仅有的两个角食谱,不要让“友好”的注释风格,即:
.controller('MyController', ['$scope', 'notify',...
要声明的依赖项。
你应该使用的方式$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 将无法识别代码。
当我们有ng-strict-di
属性时,必须使用这种格式