Kątowy ui-router $ state.go nie przekierowuje wewnątrz rozstrzygnięcia

Question

W mojej aplikacji angularjs sprawdzam, czy użytkownik ląduje na stronie docelowej i jest już uwierzytelniony, a następnie przekieruje go na stronę główną.

.state('landingpage', { 
      abstract: "true", 
      url: "/landingpage", 
      templateUrl: "app/landingpage/landingpage.html", 
      resolve: { 
       AutoLoginCheck: ['$state', '$window', function ($state, $window) { 

        if($window.localStorage.access_token != null) 
        { 
         if($window.sessionStorage.access_token == null) { 
          $window.sessionStorage.access_token = $window.localStorage.access_token; 
         } 
         UserInfoService.SetUserAuthenticated(true); 

         // it is not redirecting 
         return $state.go('app.home'); 

        } 
       }] 
      } 
     }) 

Problem polega na tym, że choć cały kod resolve powodzeniem działać, użytkownik nie jest uzyskiwanie przekierowany do app.home. Czy ktoś może powiedzieć, dlaczego tak się dzieje?

Uwaga: Stanowa "aplikacja" ma również rozwiązanie, w którym pobiera dane, które mają być wyświetlane w stanie "app.home".

Answer 1

Możliwe są dwa rozwiązania problemu

• Po pierwsze można emitować zdarzenia i słuchacz będzie obsługiwać przejście stanu. Można zaimplementować słuchacza w dowolnym miejscu kontrolera nadrzędnego

• drugie można wdrożyć hak $ stateChangeStart i sprawdzić stan przekierowania tam

  $rootScope.$on('$stateChangeStart', function (event, toState) {  
      if (toState.name === 'landingpage') {    
       if (!isAuthenticated()) { // Check if user allowed to transition     
        event.preventDefault(); // Prevent migration to default state     
        $state.go('home.dashboard');   
       } 
       } 
  }); 
  

Answer 2

Można użyć determinację, aby zapewnić kontroler z zawartością lub dane niestandardowe dla stanu. resolve to opcjonalna mapa zależności, które należy wprowadzić do kontrolera.

Możesz mieć kontroler, który sprawdza AuthState i odpowiednio przekierowuje.

 .state('landingpage', { 
     abstract: "true", 
     url: "/landingpage", 
     templateUrl: "app/landingpage/landingpage.html", 
     resolve: { 
      AutoLoginCheck: ['$window', function ($window) { 

       if($window.localStorage.access_token != null) 
       { 
        if($window.sessionStorage.access_token == null) { 
         $window.sessionStorage.access_token = $window.localStorage.access_token; 
        } 

        //assuming userInfoService does the authentication 
        var isAuthenticated = userInfoService.SetUserAuthenticated(true); 
        return isAuthenticated; 

       } 
      }] 
     }, 
     controller: ['$state','AutoLoginCheck', function($state, AutoLoginCheck){ 
      if(AutoLoginCheck){ 
      //authenticated 
      $state.go('app.home'); 
      } else { 
      //redirect to unauthenticated page 
      $state.go('....'); 
      } 
     }] 
    }) 

Answer 3

.state('landingpage', { 
      abstract: "true", 
      url: "/landingpage", 
      templateUrl: "app/landingpage/landingpage.html", 
      resolve: { 
       AutoLoginCheck: ['$state','$window', '$q','$timeout', function ($state, $window,$q,$timeout) { 

        if($window.localStorage.access_token != null) 
        { 
         if($window.sessionStorage.access_token == null) { 
          $window.sessionStorage.access_token = $window.localStorage.access_token; 
         } 
         UserInfoService.SetUserAuthenticated(true); 


         $timeout(function() { 
          $state.go('app.home') 
         },0); 
         return $q.reject() 

        } 
       }] 
      } 
     }) 

To będzie pracować dla Ciebie.

Answer 4

Zamiast tego można użyć $location.url('/').

Answer 5

Jest to stary wątek, ale używam $ location.path(), aby wykonać przekierowanie wewnątrz state.resolve() blokuje

Answer 6

Zresztą rozwiązać czeka na państwa obietnicy. Najlepszą rzeczą, co można zrobić, to obietnica powrotu limitu czasu i dodać do swojego stanu:

resolve: { 
    AutoLoginCheck: ['$state', '$window', '$timeout', '$q', function ($state, $window, $timeout, $q) { 
     var deferred = $q.defer(); 
     if(user.isLogin()){ 
      deferred.resolve(); 
     }else{ 
      $timeout(function(){ 
      $state.go('app.home'); 
      } 
      deferred.reject(); 
     } 
     return deferred.promise; 
    }]