Question

我试图确保在允许用户转换到特定状态之前对用户进行身份验证。根据我的理解（在审查其他帖子之后），如果状态的解决方案返回被拒绝的承诺和＆＃39; $ stateChangeError＆＃39;，则不应发生状态转换。应该提出一个事件。然而，这不是我所经历的。

单步执行以下代码，我可以看到延迟的承诺被拒绝，但状态转换仍然发生，并且＆＃39; $ stateChangeError＆＃39;没有触发。在我的模块配置中，我有以下状态：

 .state('accounts', {
            url: '/Accounts',
            controller: 'AccountsController',
            templateUrl: 'Scripts/angular/accounts/templates/accounts.tpl.html',
            resolve: {
                authenticated: ['$q', 'AccountService', function ($q, accountService) {
                    var deferred = $q.defer();
                    accountService.userLoggedIn().then(function (loggedIn) {
                        if (loggedIn) {
                            deferred.resolve();
                        } else {
                            deferred.reject('Not logged in'); <-- This happens
                        }
                        return deferred.promise;
                    });
                }]
            }
        })

在同一模块中，在运行功能中我有：

 $rootScope.$on('$stateChangeError',
    function (event, toState, toParams, fromState, fromParams, error) {
        $log.debug(error); <-- This is never called
        $state.go('login');
    });

我错过了什么？

Answer 1

你在错误的地方归还了诺言。 Authenticated需要是一个返回promise的函数，但你只是在.then（）函数中返回promise，然后验证返回undefined：

        resolve: {
            authenticated: ['$q', 'AccountService', function ($q, accountService) {
                var deferred = $q.defer();
                accountService.userLoggedIn().then(function (loggedIn) {
                    if (loggedIn) {
                        deferred.resolve();
                    } else {
                        deferred.reject('Not logged in'); <-- This happens
                    }
                });

                return deferred.promise;

            }]
        }

Answer 2

您不需要创建新的延迟，因为您已经从userLoggedIn（）获得了承诺：

resolve: {
    authenticated: ['$q', 'AccountService', function ($q, accountService) {

        return accountService.userLoggedIn().then(function (loggedIn) {
              if (loggedIn) {
                   return loggedIn;
              } else {
                   return $q.reject('Not logged in'); 
              }
        });

     }]
}

Angular UI-Router - 在解决方案中返回被拒绝的promise不会停止状态转换

2 个答案: