javascript - AngularJs 事件 $stateChangeStart 未触发

Question

我正在尝试为用户实现基于路由的安全性，但 stateChangeStart 没有触发，这是我的代码:

app.run(['$rootScope', '$location', function($rootScope, $location) {
    $rootScope.$on('$stateChangeStart',function(event, toState, toParams, fromState, fromParams){
      console.log('$stateChangeStart to '+toState.to+'- fired when the transition begins. toState,toParams : \n',toState, toParams);
   });

}]);

因此，每当我更改路线并从一个链接/ Controller 跳转到另一个链接/ Controller 时，什么也不会发生，但是当我在各个 Controller 中添加控制台日志时，我确实会看到控制台日志语句。

我在这里做错了什么？我该如何调试这个，我在 Angular 方面不是很有经验

更新

我想我使用的是 ngRoute 而不是 ui-router

是否有与 ngRoute 等效的东西，我可以在根范围内获得状态更改。为此目的，迁移到 ui-router 似乎是一个很大的改变

Answer 1

是的，您有与 $route 提供者不同的事件:$routeChangeStart、$routeChangeSuccess、$routeChangeError

$rootScope.$on('$routeChangeStart', function(event, next, current) {
    // TODO
});

文档:https://docs.angularjs.org/api/ngRoute/service/ $路线