9

我正在使用 angular.forEach 遍历一个数组并调用一个非 angular ajax 库（Trello client.js）。客户端确实有“成功”和“错误”回调，但不返回角度延迟。我想在所有 ajax 调用完成后执行一个函数。

我有以下代码：

$scope.addCards = function(listId)
            {
                var cardTitles = $scope.quickEntryCards[listId].split('\n');
                angular.forEach(cardTitles, function(cardTitle,key)
                {
                    Trello.post('/cards', {
                        name:cardTitle,
                        idList:listId
                    },function(){ }, function(){ });
                });
                //TODO: wait for above to complete...
                $scope.init($routeParams.boardId);  
                $scope.quickEntryCards[listId] = '';    
            };

我可以在那个 //TODO 和回调函数中做什么，以便最后两行仅在所有帖子成功或失败后运行？

4

5 回答 5

25

使用 Angular 的 $q 服务的伪代码。

requests = [];

forEach cardTitle
   var deferred = $q.defer();
   requests.push(deferred);
   Trello.post('/path', {}, deferred.resolve, deferred.reject);

$q.all(requests).then(function(){
    // TODO
});
于 2014-04-03T16:47:01.260 回答
11

对于那些寻找问题标题“AngularJS 等待 foreach 完成中的所有异步调用”的答案的人来说，这是实现它的通用方法，也使用 angular 的 $q 服务：

$scope.myArray = [1, 2, 3, 4, 5, 4, 3, 2, 1];
var loopPromises = [];
angular.forEach($scope.myArray, function (myItem) {
    var deferred = $q.defer();
    loopPromises.push(deferred.promise);
    //sample of a long-running operation inside loop...
    setTimeout(function () {
        deferred.resolve();
        console.log('long-running operation inside forEach loop done');
    }, 2000);

});
$q.all(loopPromises).then(function () {
    console.log('forEach loop completed. Do Something after it...');
});

这是一个工作示例。

于 2015-11-24T16:54:53.000 回答
3

看看异步库https://github.com/caolan/async。

因此，您可以并行或串行运行所有异步函数，一旦所有这些函数完成，您的公共回调将被执行。

async.parallel([
    function(){ ... },
    function(){ ... }
], callback);

async.series([
    function(){ ... },
    function(){ ... }
]);

希望能帮助到你。

于 2014-04-03T16:36:15.873 回答
2

简单地说，你可以这样做

var jsonArray3=[];
angular.forEach($scope.jsonArray1,function(value,key){
    angular.forEach(jsonArray2,function(v,k){
        if(v.id==value.id){
            $scope.jsonArray3.push(v);
        }
    })
})



$q.all($scope.jsonArray3).then(function(data){
   console.log("data:",data);
})
于 2014-12-26T11:05:59.823 回答
0

您还可以使用map：

var requests = cardTitles.map(function(title) {
  var deferred = $q.defer();
  Trello.post('/path', {}, deferred.resolve, deferred.reject);
  return deferred;
});

$q.all(requests).then(function() {

});

如果该post方法已经返回了一个承诺：

var requests = cardTitles.map(function(title) {
  return $http.post('/path/' + title, {});
});

$q.all(requests).then(function() {

});
于 2016-10-04T13:27:24.370 回答