Angular 函数未使用显式注释，无法在严格模式下调用

Question

在我的网络应用程序中，我想验证用户是否有权继续。

这是我的 index.js 文件中的 .run 方法：

  .run(function (event, toState, toParams, fromState, $window) {
$rootScope.$on('$stateChangeStart', function(event, toState, toParams, fromState, $window) {
  if (Auth.isLoggedIn && $window.localStorage.identityToken) {

    var requiredAdmin = toState.data.requiredAdmin; 
    if (requiredAdmin && $window.localStorage.isAdmin){
      $state.go(toState.name);
    } else {
      $state.go(fromState.name);
    }
    var shouldGoToMain = fromState.name === 'login' && toState.name !== 'app.dashboard' ;

    if (shouldGoToMain){
      $state.go('app.dashboard');
      event.preventDefault();
    } else {
      $state.go(toState.name);
    }
    return;
  } else { 
    $state.go('login');
    return;
  }

  // unmanaged
});

});

控制台错误为：Uncaught Error: [$injector:strictdi] function(event, toState, toParams, fromState, $window) is not using explicit annotation and cannot be invoked in strict mode

Answer 1

您启用了strict mode，以检测您忘记使用 $inject 或数组表示法的位置，以确保您的代码可以安全地缩小。

该消息告诉您未能正确注释您的可注入函数。请注意，除此之外，您的代码没有多大意义：

• 传递给 run() 的函数应该以可注入服务作为参数，并且它的所有参数除了 $window 之外都不是服务。
• 传递给 $on() 的函数不是可注入函数。所以传递它 $windows 是没有意义的。路由器只会使用前 4 个参数调用它。

所以，你的代码应该是：

.run(['$rootScope', '$window', function($rootScope, $window) {
    $rootScope.$on('$stateChangeStart', function(event, toState, toParams, fromState) { 

我强烈建议您停止手动注释您的可注入函数，并使用ng-annotate 为您执行此操作。