Açısal ui yönlendirici $ state.go, iç yönlendirme yapmıyor

Question

Benim açısallar uygulamasında, kullanıcının açılış sayfasında olduğuna ve önceden doğrulanmış olup olmadığına bakıyorum, ardından ana sayfaya yönlendirin.

.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'); 

        } 
       }] 
      } 
     }) 

sorun tüm çözmek kod başarıyla çalıştırılır olsa kullanıcı app.home yönlendiriliyorum olmamasıdır. Birisi bunun neden olduğunu söyleyebilir mi?

Not: Durum 'uygulaması', 'app.home' durumunda görüntülenecek verileri getirdiği bir çözüme de sahiptir.

Answer 1

• Öncelikle bir olay yayabilir ve dinleyici sizin devlet geçişi idare edecek sizin sorunun iki çözümü olabilir. Sen

• İkincisi orada

  $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

Sen içerikle Denetleyicinizi sağlamak için kararlılığını kullanabileceğiniz yönlendirme koşulunu $ stateChangeStart kanca uygulamak ve kontrol edebilirsiniz ebeveyn kontrol ünitesindeki her yerde de dinleyiciyi uygulayabilirsiniz veya devlete özel olan veriler. Çözüm, denetleyiciye enjekte edilmesi gereken isteğe bağlı bir bağımlılık haritasıdır.

AuthState'i denetleyen ve buna göre yeniden yönlendirmeyi gerçekleştiren bir denetleyiciniz olabilir.

 .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() 

        } 
       }] 
      } 
     }) 

Bu sizin için çalışacak.

Answer 4

Bunun yerine $location.url('/')'u kullanabilirsiniz.

Answer 5

Bu eski bir iplik, ama

Answer 6

Neyse söz devlete bekliyor çözmek engellemek bir state.resolve() içinde yönlendirmeyi gerçekleştirmek için $ location.path() kullanın. ne yapabildiğini iyi şey dönüş sözdür ve devlet için zaman aşımı ekleyin:

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; 
    }]