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

I don't understand the use of $inject in controllers

本文关键字：inject 控制器 明白      更新时间：2023-09-26

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

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

这里notify是工厂的名称。

这是在

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

声明控制器时，该函数采用参数：

function ($scope, notify)

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

function (a, b)
由于 AngularJS

使用函数参数名称来推断 DI，因此您的代码会中断，因为 AngularJS 不知道a或b。

为了解决这个问题，他们提供了额外的方法来声明控制器（或其他服务/工厂/等）：

  1. 对于控制器，请使用 $inject 方法 - 此处传递映射到控制器函数参数的文本数组。 因此，如果您提供

    ['$scope', 'notify']

    然后，函数的第一个参数的值将是与此控制器关联的 A 范围对象，第二个参数将是通知服务。

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

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

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

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

为了补充@mark答案，重要的是要注意，以以下样式使用 $inject 方法： 

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

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

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

要声明的依赖项。

你应该使用$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属性时，必须使用这种格式

相关文章：