Angular 承诺 .then() 重复了吗？

Question

我有一个函数，它返回一个承诺，如果用户当前登录，该承诺将被解决，或者在用户登录后等待解决。所以你可以这样做......

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

然后，当用户注销时，我使用类似的调用取消订阅事件。

问题是我想在每次用户登录时运行我的 .then() 代码，所以过程是....

• 如果用户已登录，则运行代码。

• 如果没有，请等他们登录后再运行代码。

• 如果他们注销然后重新登录，请再次运行代码。

我最初使用 $rootscope.$on 来监听登录/退出事件，这对于重复发生的事件非常有效，但我需要它是基于用户已经登录的情况下的承诺。

这是我的代码：

var defer = $q.defer();

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

else{

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

}

return defer.promise;

Answer 1

您可以使用promise通过在您的服务上存储一个deferred来控制登录状态，然后通过您的方法waitForLogin()返回promise。但是，您可以通知它，而不是解决承诺，一旦您解决了登录承诺，它将不会再次被解决，因此您可以notify 并尽可能多次重复使用它。

注意：这是一个使用 Promise 的解决方案，但是您可能会发现更好的使用事件，在我看来它更容易维护。

例如：

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-true”，订阅事件后，如果用户已经登录，您可以手动触发事件。这里是一个小示例。

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>