angularjs - ngInject 在下面这段代码中做了什么？

Question

AngularJS Controller 代码:

function AuthConfig($stateProvider, $httpProvider) {
  'ngInject';

  // Define the routes
  $stateProvider

  .state('app.login', {
    url: '/login',
    templateUrl: 'auth/auth.html',
    title: 'Sign in'
  })

  .state('app.register', {
    url: '/register',
    templateUrl: 'auth/auth.html',
    title: 'Sign up'
  });

};

export default AuthConfig;

我无法弄清楚 ngInject 的用途是什么。有人可以帮我吗？

Answer 1

'ngInject';它本身什么都不做，它只是一个字符串文字。名为 ng-annotate 的工具将其用作标志:如果函数以 'ngInject'; 开头, 它将被 ng-annotate 处理。

基本上，ng-annotate 会改变

angular.module("MyMod").controller("MyCtrl", function($scope, $timeout) {
    "ngInject";
    ...
});

到

angular.module("MyMod").controller("MyCtrl", ["$scope", "$timeout", function($scope, $timeout) {
    "ngInject";
    ...
}]);

为了使代码缩小安全。

如果您不使用 ng-annotate，则可以安全地忽略或删除该表达式。 不过要小心，如果它确实使用了 ng-annotate，你可能会破坏项目的构建过程。
有关 ng-annotate 及其功能的更多信息，请参阅 https://github.com/olov/ng-annotate