我不明白在控制器中使用$ 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

为了补充@ 标记答案，必须注意，使用$ 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将无法识别代码。

Answer 4

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