我有以下工厂和控制器:
(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
的授权。
这会导致侧面导航无法正确渲染。
如何制作它以便按照我在控制器中指定的顺序运行(即如何让它等到完成另一个之后)?
答案 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}的所有承诺已完成,这不是你想要的