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

Question

关于注入Angular,我完全感到困惑.我不知道在哪里使用它以及为什么.它是否仅用于此处所述的工厂？

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

这notify是工厂的名称.

Answer 1

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

声明控制器时,该函数接受参数:

function ($scope, notify)

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

function (a, b)

由于AngularJS使用函数参数名来推断DI,因此您的代码将会中断,因为AngularJS不知道a或b.

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

1. 对于控制器,使用该$inject方法 - 在此处传递一系列文字,这些文字映射到控制器功能的参数.所以,如果你提供

   ['$scope', 'notify']
   

   那么函数的第一个参数的值将是与该控制器关联的范围对象,第二个参数将是通知服务.

2. 在声明新的控制器,服务等时,您可以使用数组文字语法.在这里,你做这样的事情:

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

   数组作为控制器功能的参数将DI对象映射到您的函数参数.

我在声明控制器等时更喜欢选项#2,因为它更容易阅读/理解/交叉检查,因为它们都在同一个地方.

Answer 2

为了补充@ mark答案,重要的是要注意使用$ inject方法的风格:

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

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

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

要声明的依赖项.

Answer 3

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