angularjs $state 和 $rootScope.$on($stateChangeStart) 问题

Question

我已经回答了多个问题，但还没有找到解决方案。

我对状态处理有疑问。

$urlRouterProvider.otherwise( function($injector, $location) {
    var $state = $injector.get("$state");
    $state.go("cover");
});

$stateProvider
    .state('auth', {
        url: '/auth',
        templateUrl: '../views/authView.html',
        controller: 'AuthController as auth'
    })
    .state('users', {
        url: '/users',
        templateUrl: '../views/userView.html',
        controller: 'UserController as user'
    })
....

这是路由在我的应用程序中的工作方式。

app.run(function($rootScope, $state, $location) {
    $rootScope.$on('$stateChangeStart', function(event, toState, fromState) {

        //ERROR IS IN THIS BLOCK
        if($rootScope.authenticated && $rootScope.onboard == 0) {

            //event.preventDefault();

            $state.transitionTo("onboard", null, {notify:false});
            $state.go('onboard');
        }
...

每次我更改路线时，该块都会触发数百次，但我希望它只检查用户是否已通过身份验证并完成某些表单，如果没有，则直接重定向到表单本身。

我用 preventDefault() 尝试了不同的方法；或没有，同样的问题。

Answer 1

首先，我们应该始终尝试检查用户是否尚未（之前被重定向）到状态'onboard'。如果是，请停止任何其他处理（只需 return）。

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

    // in case, that TO state is the one we want to redirect
    // get out of here   
    if(toState.name === "onboard"){
       return;
    }

    if($rootScope.authenticated && $rootScope.onboard == 0) {

        // this should not be commented
        //event.preventDefault();
        // because here we must stop current flow.. .
        event.preventDefault();

        $state.transitionTo("onboard", null, {notify:false});
        $state.go('onboard');
    }
 ...

勾选

angularjs $state 和 $rootScope.$on($stateChangeStart) 问题

angularjs $state and $rootScope.$on($stateChangeStart) issue

javascript

state

angularjs

angular-ui-router