AngularJS，$ digest错误，试图在需要登录的页面上重定向应用程序

Question

在请求的状态需要登录的情况下，我正在尝试重定向AngularJS应用。这是我在我的角度应用程序的“运行”方法中放置的方法：

$rootScope.$on('$stateChangeStart', function(event, toState, toParams, fromState, fromParams) {

  if(toState.data.requiresLogin && !User.isLoggedIn)
  {
    event.preventDefault();
    $state.go('login');
  }
});

看起来很简单，但是我遇到了摘要错误。它似乎由event.preventDefault（）语句触发。我当然不能删除…

Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting!
Watchers fired in the last 5 iterations: [["fn: $locationWatch; newVal: 7; oldVal: 6"],["fn:     $locationWatch; newVal: 8; oldVal: 7"],["fn: $locationWatch; newVal: 9; oldVal: 8"],["fn: $locationWatch; newVal: 10; oldVal: 9"],["fn: $locationWatch; newVal: 11; oldVal: 10"]]
...

关于如何重构此错误以清除此错误的任何建议，或者该错误甚至意味着什么？

Answer 1

有一个有效的示例，如何重定向到登录。首先定义了4个状态-其中2个
需要 身份验证 ，第3个是 公共 （对于任何人）， 并且还有 登录 状态：

$stateProvider
    // available for anybody
    .state('public',{
        url : '/public',
        template : '<div>public</div>',
    })
    // just for authenticated
    .state('some',{
        url : '/some',
        template : '<div>some</div>',
        data : {requiresLogin : true },
    })
    // just for authenticated
    .state('other',{
        url : '/other',
        template : '<div>other</div>',
        data : {requiresLogin : true },
    })
    // the log-on screen
    .state('login',{
        url : '/login',
        templateUrl : 'tpl.login.html',
        controller : 'UserCtrl',
    })

这就是$stateChangeStartdef，它 总是 重定向到login-如果需要的话…仅…
login及其public始终可用/任何人都可以使用

.run(['$rootScope', '$state', 'User', function($rootScope, $state, User)
{

  $rootScope.$on('$stateChangeStart'
    , function(event, toState, toParams, fromState, fromParams) {

    var isAuthenticationRequired =  toState.data 
          && toState.data.requiresLogin 
          && !User.isLoggedIn
      ;

    if(isAuthenticationRequired)
    {
      event.preventDefault();
      $state.go('login');
    }
  });
}])

在这里检查所有动作