Question

我对Angular中的注入完全感到困惑。我不知道在哪里使用它以及为什么。它是否仅用于工厂described here?

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

此处notify是工厂的名称。

Answer 1

这是在代码缩小后支持依赖注入的一种方法（如果你选择缩小）。

声明控制器时，该函数采用参数：

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，因为它更容易阅读/理解/交叉检查，因为它们都在同一个地方。

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);

我们需要这样做以保护代码免受 uglify 或最小化。

function(firstName,lastName)可能会变成function(n,m)。

因此对于AngularJS，它会破坏代码，因为$scope可以被's'替换。这是因为没有$符号，angularJS将无法识别代码。

Answer 4

当我们有 ng-strict-di 属性时，必须使用此格式

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

4 个答案: