如何将 angularjs $q.all() 与异步创建的承诺数组一起使用

Question

我正在尝试使用 $q.all() 来等待一堆承诺得到解决。为此，我创建了一个 promises 数组并将其传递给 all() 方法，但这似乎不起作用。 promises 数组填充了每次迭代中创建的 $resource 对象返回的 promises，我认为这是问题所在，因为 promises 数组是异步填充的。

我之所以得出这个结论，是因为 $q.all() 方法返回的承诺数组始终是一个空数组。这就像 $q.all() 方法不等待数组填满。但我不确定这是否是问题所在。

我将非常感谢在这件事上的任何帮助，如果无法使用 $ q.all() 实现我想要的，我希望在所有承诺之后看到其他执行代码的方法已解决。

这是我目前使用的代码

        var promisesArray = [];            
        var images, postObject;
        files.readFile('images.txt')
        .then(function (data) {
            images= angular.fromJson(data);                
            images.forEach(function (image, idx) {
                var deferred = $q.defer();                    
                if (!image.sent) {
                    files.readFile(image.name)
                    .then(function (data) {
                        postObject = angular.fromJson(data);
                        $resource(EndPointsService.baseURL + "images").save(postObject, function(data) {
                            deferred.resolve(data);
                            if (data.status) {                                    
                                image.sent= true;                                    
                            }
                        },function(error){
                          console.log(error);  
                        });
                        promisesArray.push(deferred.promise);
                    },function(error){
                        console.log(error);
                    });
                }
            });


              $q.all(promisesArray).then(function (data) {
                    console.log(data);
                    files.writeFile("images.txt", images)
                    .then(function (data) {                        
                        console.log(data);
                    }, function (error) {
                        console.log(error);
                    });
              });
       },function(error){
          console.log(error)
       });

Answer 1

承诺的 .then 方法 returns 来自返回给它的数据的新承诺。

在 .then 方法和 return $q.all 对 .then 方法的承诺中创建承诺数组：

̶v̶a̶r̶ ̶p̶r̶o̶m̶i̶s̶e̶s̶A̶r̶r̶a̶y̶ ̶=̶ ̶[̶]̶;̶            
var images, postObject;
var arrayPromise = files.readFile('images.txt')
  .then(function (data) {
    ͟v͟a͟r͟ ͟p͟r͟o͟m͟i͟s͟e͟s͟A͟r͟r͟a͟y͟ ͟=͟ ͟[͟]͟;͟
    images= angular.fromJson(data);                
    images.forEach(function (image, idx) {
        ̶v̶a̶r̶ ̶d̶e̶f̶e̶r̶r̶e̶d̶ ̶=̶ ̶$̶q̶.̶d̶e̶f̶e̶r̶(̶)̶;̶                    
        if (!image.sent) {
            var promise = files.readFile(image.name)
              .then(function (data) {
                postObject = angular.fromJson(data);
                var url = EndPointsService.baseURL + "images"
                ͟r͟e͟t͟u͟r͟n͟ $resource(url).save(postObject).$promise;
            });
            promisesArray.push(promise);
        };
    });
    ͟r͟e͟t͟u͟r͟n͟ $q.all(promisesArray);
});


arrayPromise.then(function (dataArray) {
    console.log(dataArray);
    //Process data here
});

如何将 angularjs $q.all() 与异步创建的承诺数组一起使用

How to use angularjs $q.all() with an asynchronously created array of promises

javascript

angularjs

angular-resource

angular-promise