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

Question

我对 Angular 中的注入完全感到困惑。我不知道在哪里使用它以及为什么。它是否仅与此处所述的工厂一起使用？

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

这notify是工厂的名称。

Answer 1

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

当你声明一个控制器时，函数接受参数：

function ($scope, notify)

当您缩小代码时，您的函数将如下所示：

function (a, b)

由于 AngularJS 使用函数参数名称来推断 DI，因此您的代码将中断，因为 AngularJS 不知道aor 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'];

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

.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 将无法识别代码。

Answer 4

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