javascript - Javascript 和 Angular 中的链式 Promise

Question

我正在使用 Angular 资源从 API 获取数据，方式如下:

var getAccountListPerUser = function () {

  return $resource(uri, {}, {
    get: {
      headers: service.getDefaultHeaderRequest(),
      method: 'GET',
      transformResponse: function (data) {
        var accountList = [];
        try {
          accountList = JSON.parse(data);
        } catch (e) {
          accountList = [];
        }
        return accountList;
      },
      isArray: true,
      cache: true
    }
  }).get().$promise;
};

在我的 Controller 中，我必须使用它以及以相同方式定义的另外两个服务函数。

var promiseResourcesAccountList = usrWebUserService.getAccountListPerUser();

promiseResourcesAccountList.then(function(result){
  $scope.usersWithAccountsAndProfiles = result;
  var filteredProfiles = [];
  for (var account in result) {
    ...
  }
  $scope.filteredProfiles = filteredProfiles;
});

还有:

var promiseResourcesEditUser = usrWebUserService.getResourcesUser(currentUser);

promiseResourcesEditUser.then(function (result) {
  usrWebUserFactory.mapBasicPreferences($scope, result);
});

还有另一个非常相似的信息，该信息在三个 div 中加载数据，但我只想在所有三个函数都正确完成时才显示它们。我想我必须把 promise 的结果链接起来。我怎样才能做到这一点？

Answer 1

你可以像这样链接它们:

promiseResourcesAccountList.then(function(result){
  ///whatever processing
  //return a promise
  return promiseResourcesEditUser()
}).then(function(){
  return anotherPromise();
}).then(function(){
   //update scope here
});

或者，您也可以使用 $q.all([promise1,promise2,promise3]).then(...);