Angular - ui-router 在路由之前等待一个承诺

Question

我正在使用Angular 1.5.8 和angular-ui-router 0.3.2。 我需要在每次路由更改时解析身份验证方法。

我不想为每条路由添加 resolve 属性，所以我在 App.run 中创建了它

//check permissions

$rootScope.$on('$stateChangeStart', function (evt, toState) {
    if ($localStorage.token || toState.authenticated) {
        $http.defaults.headers.common = {
            'Authorization': 'Token ' + $localStorage.token,
            'Accept': 'application/json'
        };

        permissionAPI.me()
            .then(function(data){
                $rootScope.user = data;
            })
            .catch(function(){
                if(toState.authenticated) {
                    $rootScope.logout();
                }
            })
    }
    else {
        if(toState.authenticated) {
            $rootScope.logout();
        }
    }
});

`

它通常运行良好，但我注意到很多时候应用程序在 promise permissionAPI.me() 解决之前就已经路由，并且稍后会导致错误。

如何确保路由在该承诺之后立即生效？

或者，我如何通过传递来自$stateChangeStart 的承诺为我的所有路线创建一个主要的resolve？

谢谢！

Answer 1

创建应用状态！如果您需要在整个应用程序中一致地访问数据，但又不想让该数据与特定视图相关联，则抽象状态非常有用。

    $stateProvider
        .state('app', { 
            url: '/app/',
            template: '<div ui-view></div>',
            controller: 'AppCtrl',
            abstract: true,
            resolve: {
                ActiveUser: function (AuthService) {
                    return AuthService.whoAmI();
                }
            }
        })
        .state('app.home', {
            url: '',
            templateUrl: 'app.home.html',
            controller: 'HomeCtrl',
            resolve: {
                Categories: function (ActiveUser, MessagesService) {
                    return MessagesService.getAll(User);
                }
            }
        });

然后，只要您的控制器处于 'app' 的子状态，您就可以在后续解析块中或在您的控制器（如 app.controller('ExampleCtrl', function (ActiveUser) {});）中访问该数据。这是通过命名约定'app.'

实现的