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

那么函数的第一个参数的值将是与此控制器关联的作用域对象，第二个参数将是通知服务。

1. 在声明新的控制器，服务等时，可以使用数组文字语法。在这里，您可以执行以下操作：

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

   }]);

数组作为控制器功能的参数，会将DI对象映射到您的功能参数。

我更喜欢在声明控制器等时使用选项＃2，因为它位于同一位置，因此更易于阅读/理解/交叉检查。