AngularJs Run 块 $stateChangeStart 没有被触发

Question

当应用程序更改路由时，我的 AngularJs 运行块不会执行处理程序函数，至少我是这么认为的。我尝试放置一个简单的控制台日志进行测试，但它没有记录任何内容。最终目标是成为一个路由拦截器，检查路由是否需要身份验证。

github 仓库链接https://github.com/guilinden/authenticatedCRUD

(function(){
    angular
    .module('app')
    .run(function ($rootScope, $location) {
    $rootScope.$on('$stateChangeStart', function (event, toState, toParams) {
        var requireLogin = toState.data.requireLogin;

        if(requireLogin){
            event.preventDefault();
            $location.path('/home');
        }

      });
   });    
})();

Answer 1

$stateChange* 事件已被弃用

$stateChange* 事件在 1.0 中已弃用。它们被 $transitions.on* 转换钩子替换。

但是，可以通过包含 stateEvents.js 并根据 'ui.router.state.events' 角度模块重新启用它们以实现向后兼容性。

<script src="stateEvents.js">
var myApp = angular.module('myApp', ['ui.router', 'ui.router.state.events']);

见UI-router Issue #2720 - $stateChangeStart not being fired on v1.0

Answer 2

您的控制台中应该有 app not defined 错误。您缺少空依赖项

 angular
    .module('app',[])

也改成，$location 作为依赖运行，

  .run(function ($rootScope,$location) {
    $rootScope.$on('$stateChangeStart', function (event, toState, toParams) {