Angular promise .then（）重複？

Question

我已經返回，如果用戶當前已登錄在解決一個承諾，或等待解決，一旦用戶已經登錄，這樣你就可以做到這一點的函數...

myService.waitForLogin().then(function(){ 
    // Subscribe to pusher.com events 
}); 

然後我用類似的調用來在用戶註銷時取消訂閱事件。

麻煩的是，我希望每次在用戶登錄時運行我。然後（）的代碼，所以這個過程是....

• 如果用戶登錄，運行代碼。

• 如果不是，請等到他們登錄後再運行代碼。

• 如果他們註銷然後又回來，再次運行代碼。

我最初使用$ rootscope。$上聽登入/註銷這對於重複出現行之有效的活動，但我需要它是基於在用戶已經登錄的情況下的諾言。

這裏是我的代碼：

var defer = $q.defer(); 

if(isLoggedIn()){ 
    defer.resolve(); 
} 

else{ 

    var offLoggedInTrue = $rootScope.$on('loggedin-true', function(){ 
     defer.resolve(); 
     offLoggedInTrue(); 
    }); 

} 

return defer.promise; 

Answer 1

您可以通過存儲推遲對你的服務使用承諾CONTROLL登錄狀態，然後通過你的方法waitForLogin()返回的承諾。但是，您可以通知它，而不是解決承諾，一旦解決了登錄承諾，它就不會再被解決，因此您可以多次重複使用它。

注意：這是一個使用承諾的解決方案，但是您可能會發現更好的使用事件，在我看來這更容易維護。

例如：

angular.module('myApp', []) 
    .service('LoginStatusService', function($q) { 

    // store a deferred to represent the login resolution state 
    var loginDeferred = $q.defer(); 

    // the getter method to yout login promise 
    this.waitForLogin = function() { 
     return loginDeferred.promise; 
    }; 

    // an example login method from where you could notify the login promise 
    this.login = function(login, password) { 
     /// do async login things and then 
     loginDeferred.notify(); 
    }; 

    // when the deferred may need to got reseted 
    this.logoff = function(login, password) { 
     /// do logoff things and then 
     // loginPromise = $q.defer(); 
    }; 
    }) 

那麼你的控制器或任何供應商，你想，你可以注入的服務，並使用它，像這樣的：

.controller('MyController', function(LoginStatusService) { 

    LoginStatusService.waitForLogin().then(null, null, function() { 
     // do your subscribe stuff here 
    }); 
    }); 

Answer 2

您可以繼續使用「的loggedIn真「，並且在訂閱事件後，如果用戶已經登錄，則可以手動觸發事件。以下是一個小例子。

angular.module('app', []) 
 
    .controller("mainController", function($scope, $rootScope) { 
 
    $scope.output = ""; 
 
    $rootScope.$on('loggedin-true', function() { 
 
     $scope.output += "loggedin event \n"; 
 
    }); 
 
    if (isLoggedIn()) { 
 
     $rootScope.$emit("loggedin-true"); 
 
    } 
 
    logOut($scope); 
 
    logIn($scope, $rootScope); 
 
    }); 
 

 
function isLoggedIn() { 
 
    return true; 
 
} 
 

 
function logOut($scope) { 
 
    $scope.output += "loggedout \n"; 
 
} 
 

 
function logIn($scope, $rootScope) { 
 
    $scope.output += "login \n"; 
 
    //login successfull 
 
    $rootScope.$emit("loggedin-true"); 
 
}

<div ng-app="app" ng-controller="mainController"> 
 
    <pre>{{output}}<pre> 
 
</div> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>