我在等待所有的promise得到解决

Question

我在一个数组上循环，并对一个api进行异步调用，返回的数据需要我与一个不同的数组合并，合并时面临的问题是，一些promise尚未解决，因此合并后产生的数组丢失数据.任何想法如何去做这件事。（我对Angular是新的）。数组循环通过至少有200个元素（我不知道数组的大小提前）我从每个元素获得id，我调用这个服务：

for (i = 0; i < list.length; i++) {
     service.getRawHtml(list[i].service_object_id)
        .then(function(res){
            temp=htmlToArray(res);
            htmlDataList.push(temp);
    }, function(err){
         // error
    })
    }



service.getRawHtml=function (id){ 
   var defer = $q.defer();
        $http({
            method: 'GET',
            url: 'http://wlhost:50000/'+id
        }).success(function (response) {
            defer.resolve(response);
        }).error(function (data, status) {
            console.log("Failure");
            defer.reject(err);
    });
    return defer.promise;
}

提前谢谢。

Answer 1

只需说明@nodes解决方案：

var promisesToWaitFor = [];
for (i = 0; i < list.length; i++) {
    var promis = service.getRawHtml(list[i].service_object_id)
    promisesToWaitFor.push(promis)
}
$q.all(promisesToWaitFor).then(function(resultsArray) {
    var flatten = [].concat.apply([],resultsArray);
    temp=htmlToArray(flatten);
    htmlDataList.push(temp);
}, function(err) {
    // error
});

Answer 2

正如@ndoes所建议的，这可以通过$q.all（）来实现，它接受一系列promise，并在所有promise都得到解决时进行解决，或者在任何promise被拒绝时进行拒绝。

您正在for循环内调用将执行的异步函数，但是一旦所有函数调用完成，代码将同步继续。不会有任何神奇的事情等待着所有的promise去解决。

相反，您应该做的是将所有返回的promise推送到一个数组，然后使用$q.all（）等待它们。

//Declare an array to which we push the promises
var promises = [];

for (i = 0; i < list.length; i++) {
    //Call the service and push the returned promise to the array
    promises.push(service.getRawHtml(list[i].service_object_id));
}

//Await all promises
$q.all(promises)
    .then(function(arrayOfResults){
        //Use your result which will be an array of each response after
        //it's been handled by the htmlToArray function
    })
    .catch(function(err){
        //Handle errors
    });

我借此机会同时重构了您的代码，因为它正在实现延迟反模式。由于$http已经返回promise，因此无需创建并返回新的promise。只需立即将其退回即可

service.getRawHtml = function (id){ 
   return $http({
            method: 'GET',
            url: 'http://wlhost:50000/'+id
        }).success(function (response) {
            return htmlToArray(response);
        }).error(function (data, status) {
            console.log("Failure");
            $q.reject(error);
    });
}

Answer 3

使用$q.all-来自文档：

将多个promise组合成一个promise，当所有输入promise都被解析时，该promise将被解析。

用法示例：

    $q.all([
        getPromise(),
        getPromise(),
        getPromise() 
    ]).then(function(value) {
        $scope.result1 = value[0];
        $scope.result2 = value[1];
        $scope.result3 = value[2];
    }, function(reason) {
        $scope.result = reason;
    });