ui-Router - $ state.go() nicht funktioniert

Question

Hier ist die app.js meines Projekts:

(function() { 
'use strict'; 

angular 
    .module('app', ['ui.router', 'ngCookies', 'angular-inview', 'ngMaterial']) 
    .config(config) 
    .run(run); 

config.$inject = ['$stateProvider', '$urlRouterProvider', '$mdThemingProvider']; 
function config($stateProvider, $urlRouterProvider, $mdThemingProvider) { 
     $mdThemingProvider.theme('default') 
      .primaryPalette('deep-orange') 
      .accentPalette('teal', { 
       'default': 'A400' 
      }); 

     $urlRouterProvider.otherwise('/app'); 

     $stateProvider 
      .state('app', { 
       url: '/app', 
       data: { 
        clearenceLevel: 1 
        }, 
        views: { 
        '': { 
         templateUrl: 'app/views/navbar.html', 
        } 
       } 
      }) 
      .state('home.works', { 
       url: '/works', 
       templateUrl: 'app/views/works.html', 
       controller: 'WorksController as vm' 
      }) 
      .state('login', { 
       url: '/login', 
       templateUrl: 'app/views/login.html', 
       controller: 'LoginController as vm', 
       data: { 
        clearenceLevel: 0 
        } 
      }) 
      .state('register', { 
       url: '/register', 
       templateUrl: 'app/views/register.html', 
       controller: 'RegisterController as vm', 
       data: { 
        clearenceLevel: 0 
        } 
      }); 
} 
run.$inject = ['$rootScope', '$location', '$state', '$cookieStore', '$http', 'AuthenticationService']; 
function run($rootScope, $location, $state, $cookieStore, $http, AuthenticationService) { 
    $rootScope.globals = $cookieStore.get('globals') || {}; 

    if ($rootScope.globals.currentUser) { 
     $http.defaults.headers.common['aimm-token'] = $rootScope.globals.currentUser.token; 
     $http.defaults.headers.common['aimm-id'] = $rootScope.globals.currentUser.id; 
    } 

    $rootScope.$on('$stateChangeStart', function (event, toState, toParams, fromState, fromParams) { 
     var clearenceLevel = toState.data.clearenceLevel; 
     var loggedIn = $rootScope.globals.currentUser; 

     if (clearenceLevel > 0 && !loggedIn) { 
      alert("redirecting"); 
      return $state.go('login'); 
     } 
    }); 
} 
})(); 

Ich kann einfach nicht state.go $ haben() arbeiten. Die $on('$stateChangeStart'...); funktioniert einwandfrei, und die Warnung wird ausgelöst, wenn versucht wird, einen geschützten Status ohne Sitzung zu erreichen. Aber die return $state.go('login'); funktioniert nicht. Es leitet zu /app um.

Danke für Ihre Hilfe.

Answer 1

Nun, dank @ Vanojx1, habe ich herausgefunden, e.preventDefault(); vor der $state.go('login'); hat es funktioniert. Verstehe immer noch nicht warum.

Answer 2

Sie müssen die $state.go auf Hauptbereich und nicht in einem (eckigen) Dienst oder virtuellen Bereich vorübergehend erstellt ausführen.

Sie können auch das Problem lösen, indem es in $timeout oder setTimeout Verpackung, die es im Browser-Schleife registrieren wird ausgeführt werden, nachdem die aktuelle Methode mit 0 Millisekunden läuft usw. selbst wird es tun, wie.

$timeout(()=>{$state.go('xyz')},0) 

oder

setTimeout(()=>{$state.go('xyz')},0);