一尘不染

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

angularjs

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

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

notify是工厂的名称。


阅读 238

收藏
2020-07-04

共1个答案

一尘不染

这是在代码最小化后(如果选择最小化)支持依赖注入的一种方法。

声明控制器时,该函数采用参数:

function ($scope, notify)

压缩代码时,您的函数将如下所示:

function (a, b)

由于AngularJS使用函数参数名称来推断DI,因此您的代码会中断,因为AngularJS不了解ab

为了解决此问题,他们提供了其他方法来声明控制器(或其他服务/工厂/等):

  1. 对于控制器,请使用$inject方法-在此处传递一个映射到控制器函数参数的文字数组。所以,如果您提供
    ['$scope', 'notify']
    

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

  1. 在声明新的控制器,服务等时,可以使用数组文字语法。在这里,您可以执行以下操作:
    angular.module('myModule').controller('MyController', ['$scope', 'notify', function ($scope, notify) {
    ...
    

    }]);

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

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

2020-07-04