AngularJS Promise 在不等待异步响应的情况下被拒绝（它应该解决）

Question

在我的场景中，当访问者第一次导航到页面（或路由）时，他们应该进行匿名身份验证（我使用的是 Firebase）。对于上下文；稍后访问者可能会在登录后迁移他们的匿名会话，例如使用 Facebook。

如果匿名身份验证由于某种原因失败，他们将被重定向到错误页面（路由）——少数不需要任何身份验证的页面之一。

我正在使用承诺：

检查访问者是否已经通过身份验证
如果不是，请尝试匿名验证他们
如果他们成功通过身份验证，则解析承诺（和路由）
如果身份验证由于某种原因失败，拒绝承诺

问题：

当访问者第一次导航到需要身份验证的页面（路由）时，承诺似乎总是被拒绝，即使访问者已成功通过匿名身份验证（在上面的步骤 2 中）；为什么会这样？

下面包含了我的代码，并添加了注释以突出显示可能导致问题的部分。

感谢您对此的帮助，我们总是很感激！

var app = angular.module('vo2App', ['firebase', 'ngCookies', 'ngRoute']);

app.config(['$locationProvider', '$routeProvider', function ($locationProvider, $routeProvider) {

  $routeProvider
  .when('/', {
    controller: 'HomeCtrl',
    templateUrl: '/views/home.html'
  })
  .when('/login', {
    controller: 'LoginCtrl',
    templateUrl: '/views/login.html'
  })
  .when('/oops', {
    controller: 'OopsCtrl',
    resolve: {
      currentAuth: function (){
        return null;
      }
    },
    templateUrl: '/views/oops.html'
  });
}]);

app.run(['$location', '$rootScope', 'Auth', 'ErrorMsg', function ($location, $rootScope, Auth, ErrorMsg) {
  $rootScope.$on('$routeChangeError', function (event, next, prev, error) {
    if (error === 'AUTH_REQUIRED') {
      ErrorMsg.add('Unauthorized');
      // TODO: Make all error messages constants

      $location.url('/oops');
    }
  });

  $rootScope.$on('$routeChangeStart', function (event, next, current) {
    if (! ('resolve' in next)) {
      next.resolve = {};
    }

    if (! ('currentAuth' in next.resolve)) {
      next.resolve.currentAuth = function ($q, Auth) {
        var deferred = $q.defer();

        Auth.$requireAuth().then(deferred.resolve, function () {

          /* ** The following line seems to be causing the problem ** */

          Auth.$authAnonymously().then(deferred.resolve, deferred.reject('AUTH_REQUIRED'));
        });

        return deferred.promise;
      };
    }
  });
}]);

Answer 1

deferred.reject 未作为错误函数传递给 then，每次都会调用它。

Auth.$authAnonymously().then(deferred.resolve, deferred.reject('AUTH_REQUIRED'));

这就是为什么 deferred.promise 总是被拒绝的原因。

你应该知道上面的代码通常被称为deferred antipattern。最好使用现有的承诺，而不是使用 defer().

创建新的承诺

AngularJS Promise 在不等待异步响应的情况下被拒绝（它应该解决）

AngularJS Promise being rejected without waiting for async response (it should resolve)

javascript

promise

angularjs

firebase

angular-routing