我不明白在控制器中使用$ inject


Answers:


110

这是在代码最小化后(如果您选择最小化)来支持依赖注入的一种方法。

声明控制器时,该函数采用参数:

function ($scope, notify)

当您压缩代码时,您的函数将如下所示:

function (a, b)

由于AngularJS使用函数参数名称来推断DI,因此您的代码会中断,因为AngularJS不了解ab

为了解决此问题,他们提供了其他方法来声明控制器(或其他服务/工厂/等):

  1. 对于控制器,请使用$inject方法-在此处传递一个映射到控制器函数参数的文字数组。所以,如果您提供

    ['$scope', 'notify']
    

    那么函数的第一个参数的值将是与此控制器关联的作用域对象,第二个参数将是通知服务。

  2. 声明新的控制器,服务等时,可以使用数组文字语法。在这里,您可以执行以下操作:

    angular.module('myModule').controller('MyController', ['$scope', 'notify', function ($scope, notify) {
        ...
    }]);
    

    数组作为控制器功能的参数,会将DI对象映射到您的功能参数。

我更喜欢在声明控制器等时使用选项#2,因为它位于同一位置,因此更易于阅读/理解/交叉检查。


2
感谢您的回答。我也想知道在哪里使用注射剂DI,为什么?仅出于一个原因,我们应该使用它,即函数(a,b)。我们可以像函数myController($ scope,notify)那样调用它。
unknownbits 2013年

1
当使用严格Di模式时,出于@Mark给出的相同原因,必须使用上述格式。
Aniket Sinha 2014年

23

为了补充@标记答案,必须注意,使用$ inject方法的样式如下:

MyController.$inject = ['$scope', 'notify'];

允许你建立时添加注入的依赖供应商这是仅有的两个角食谱,不要让“友好”的注释风格,即:

.controller('MyController', ['$scope', 'notify',... 

要声明的依赖项。


4
您有这种方法的例子吗?谢谢。
mggSoft

5

您应该使用的方式$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将无法识别代码。


By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.