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

IT技术 javascript angularjs dependency-injection
2021-02-26 02:35:55

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

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

notify是工厂的名称。

4个回答

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

当你声明一个控制器时,该函数接受参数:

function ($scope, notify)

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

function (a, b)

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

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

  1. 对于控制器,请使用该$inject方法 - 在这里您传递一个映射到控制器函数参数的文字数组。所以,如果你提供

    ['$scope', 'notify']
    

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

  2. 在声明新的控制器、服务等时,您可以使用数组文字语法。在这里,你做这样的事情:

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

    作为控制器函数参数的数组将 DI 对象映射到您的函数参数。

在声明控制器等时,我更喜欢选项 #2,因为它更容易阅读/理解/交叉检查,因为它们都在同一个地方。

感谢您的回答。我还想知道在哪里使用注射 DI 以及为什么?仅出于一个原因,我们应该使用它即function (a, b)。我们可以像函数 myController($scope, notify) 一样调用它。
2021-04-28 02:35:55
使用strict-di 模式时,必须使用上述格式,原因与@Mark 相同。
2021-05-07 02:35:55

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

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

允许你建立时添加注入的依赖供应商这是仅有的两个角食谱,不要让“友好”的注释风格,即:

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

要声明的依赖项。

你有这种方式的例子吗?谢谢。
2021-05-14 02:35:55

你应该使用的方式$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 将无法识别代码。

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

请参阅该文档ng-strict-di页面底部有一些很好的代码示例。
2021-05-08 02:35:55