異步調用後暫停轉換並重新啓動

Question

我想檢查用戶是否每次轉換到狀態時都記錄，或者它的父節點有一些isLogged數據屬性。我的代碼是：

 service.watchHasAccess = function(){ 
     $rootScope.$on('$stateChangeStart', function(event,toState,toStateParams){ 
      if(typeof toState.data !=='undefined' && typeof toState.data.loggedIn !== 'undefined' && toState.data.loggedIn == true){ 
       api.getWithPromise('user/isLoggedIn').then(function(response){ 
        if(response.status !=='OK'){ 
         event.preventDefault(); 
         FlashMessage.showError('Zaloguj się aby przejść tutaj.'); 
         $state.go('MainPage');        
        } 
       }); 
      } 
     }); 

問題是，當轉換到限制狀態時，它會加載，但它幾乎會立即重定向到MainPage狀態。這就像閃光。這是因爲我使用異步請求，所以我認爲狀態只是轉換而不管請求的結果如何，但是接下來的響應就會正常轉換。我想達到的目標是等到承諾解決後再檢查並最終將用戶重定向到「MainPage」。那可能嗎 ？

Answer 1

您需要爲您的asyc使用承諾，根據返回的內容解決或拒絕承諾。我建議URL切換將發生在$stateChangeError事件監聽器中，否則將被拒絕承諾。您可以將您想要去reject([data])的位置傳遞給收聽者。

http://fiddle.jshell.net/L9jxf/2/

一些承諾超時後，將拒絕（模擬服務器調用）

 protected: ['$timeout', '$q', function ($timeout, $q) { 
      var deferred = $q.defer(); 
      $timeout(function() { 
       deferred.reject({type:'redirect',location:'401'}); 
      }, 1000); 
      return deferred.promise; 
     }] 

此處理拒絕

app.run(function ($rootScope, $state) { 
    $rootScope.$on('$stateChangeError', function (e, to, toParams, from, fromParams, error) { 
     if (error.type === 'redirect') { 
      $state.transitionTo(error.location); 
     } 
    }); 
});