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

【问题标题】：I don't understand the use of $inject in controllers我不明白在控制器中使用 $inject
【发布时间】：2013-09-09 13:07:58
【问题描述】：

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

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

这里notify是工厂的名字。

【问题讨论】：

标签： javascript angularjs dependency-injection

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

【讨论】：

感谢您的回答。我也想知道在哪里使用注射 DI，为什么？只有一个原因我们应该使用它，即函数（a，b）。我们可以像函数 myController($scope, notify) 一样调用它。
使用 strict-di 模式时，必须使用上述格式，原因与@Mark 给出的相同。

【解决方案2】：

为了补充@mark的答案，重要的是要注意使用$inject方法的样式：

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

允许您在构建 providers 时添加注入依赖项，这是唯一不允许允许“友好”注释样式的 Angular 配方即：

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

要声明的依赖项。

【讨论】：

你有这种方式的例子吗？谢谢。

【解决方案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 将无法识别代码。

【讨论】：

【解决方案4】：

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

【讨论】：

请参阅 the docs 以获取 ng-strict-di。页面底部有一些很好的代码示例。