2

我得到了这段代码的无限循环：

    $rootScope.$on('$stateChangeStart', function(event, toState, toParams, fromState, fromParams) {
        var isLoggedIn = (authService.authentication && authService.authentication.isAuth);
        if (isLoggedIn) {
            //if user is logged and tries to access login page, prevent it
            if (toState.name === 'app.login') {
                event.preventDefault();
                return fromState;
            } 
        } else {
            if (toState.name !== 'app.login') {
                event.preventDefault();
                $state.go('app.login');
                return;
            }
        }
    });

我也有这一套：

function config($stateProvider, $urlRouterProvider, $ocLazyLoadProvider) {
    $urlRouterProvider.otherwise('/main');

    $stateProvider
    .state('app', {
        abstract: true,
        url: '',
        controller: 'mainCtrl',
        controllerAs: 'mainCtrl',
        template:'<div ui-view></div>'      
    })
    .state('app.login', {
        url: '/logn'
        controller: 'loginCtrl',
        controllerAs: 'loginCtrl',
        templateUrl: 'app/security/login.html'
    })
    .state('app.main', {
        url: '/main'
        controller: 'mainCtrl',
        controllerAs: 'mainCtrl',
        templateUrl: 'app/main.html'
    })
    ...
}

现在，当用户进入站点并且必须经过身份验证时，我得到了无限的摘要循环。它是这样的：

  1. 用户输入地址即：http://localhost
  2. 默认路由（否则）触发并将用户重定向到http://localhost/#/main
  3. $ OnStateChangeStart触发（对于app.main）并测试用户是否登录，如果没有，则阻止默认事件结束重定向到' app.login '；
  4. $ OnstateChangeStart触发（对于app.login）并测试 toState.name 是否为 app.login' 如果是，则无需重定向，因此返回。
  5. 我不知道为什么，但随后 $ OnStateChangeStart再次触发但app.main。结束它一遍又一遍。

请帮忙。

4

1 回答 1

12

将方法声明更改otherwise()为状态名称转换，而不是您当前使用的 URL 转换。当我遇到这个问题时，这为我解决了这个问题。

这是一个例子：

$urlRouterProvider.otherwise(function($injector, $location){
  $injector.invoke(['$state', function($state) {
    $state.go('app.main');
  }]);
});

$state获取和执行的另一种方法$state.go是

var $state = $injector.get('$state');
$state.go('app.main');

我在 Angular 方面不是很有经验，所以我不知道为什么这可以解决它，所以如果有人可以详细说明，请做！

更新

这篇SO 帖子中接受的答案似乎很好地解释了为什么会发生这种情况。

于 2015-10-20T10:44:11.740 回答