角度控制器/工厂调用API的顺序错误

时间:2016-11-18 16:34:26

标签: angularjs promise angular-controller angular-factory

我有以下工厂和控制器:

(function () {
    'use strict';
    angular.module('app.core')
    .factory('Auth', ['$http', function AuthFactory($http) {

        return {
            NavAuth: function (Tab) {
                return $http({ method: 'GET', url: 'Dashboard/AuthorizeNavItem', params: { Name: Tab } });
            }
        }

    }]);
})();


angular
.module('myapp')
.controller('IndexController', ['fuseTheming', 'msNavigationService', 'Auth', function (fuseTheming, msNavigationService, Auth) {
    var vm = this;

    //Define the tabs
    msNavigationService.saveItem('app', {
        title: 'QPSTool',
        group: true,
        weight: 1
    });

    msNavigationService.saveItem('app.dashboard', {
        title: 'Dashboard',
        icon: 'icon-tile-four',
        state: 'app.dashboard',
        weight: 1
    });

    Auth.NavAuth('IT').success(function (result) {
        if (result == 'Authorized') {
            msNavigationService.saveItem('app.it', {
                title: 'IT',
                icon: 'icon-monitor',
                weight: 2
            });
        }
    });

    Auth.NavAuth('Users').success(function (result) {
        if (result == 'Authorized') {
            msNavigationService.saveItem('app.it.users', {
                title: 'Users',
                state: 'app.it.users',
                weight: 1
            });
        }
    });

    Auth.NavAuth('Admin').success(function (result) {
        if (result == 'Authorized') {
            msNavigationService.saveItem('app.admin', {
                title: 'Admin',
                icon: 'icon-radioactive',
                weight: 3
            });
        }
    });

    Auth.NavAuth('NavControl').success(function (result) {
        if (result == 'Authorized') {
            msNavigationService.saveItem('app.admin.navcontrol', {
                title: 'Navigation Auth',
                state: 'app.admin.navcontrol',
                weight: 1
            });
        }
    });

    // Data
    vm.themes = fuseTheming.themes;
}]);

NavAuth的工厂方法是什么,它将导航项名称作为参数,并告诉我们是否允许用户访问此项。

我遇到的问题是,当我使用msNavigationService.saveItem数据时,控制器会以随机顺序返回。因此,它会在NavControl之前返回IT的授权。

这会导致侧面导航无法正确渲染。

如何制作它以便按照我在控制器中指定的顺序运行(即如何让它等到完成另一个之后)?

2 个答案:

答案 0 :(得分:1)

如果您想按特定顺序执行承诺,请使用.then()触发它们。如果您希望一次性完成所有操作然后再进行排序,请使用.all()来解析承诺,然后订购数据。

答案 1 :(得分:1)

我认为$q.all无法解决您的问题,而是将承诺的then部分解决,因此您可以执行类似

的操作
NavAuth('IT').then(function (res) {
  // doWhatever IT function does;
  ...
  NavAuth('NavControl').then(function (res) {
    // doWhatever NavControl function does;
    ...
  })
})

使用then承诺强制执行要在订单中执行的代码,使用$q.all()您将无法执行所有内容,直到您传递给{{1}的所有承诺已完成,这不是你想要的