解决$q.all中Angularjspromise的正确方法是什么

Question

我在解决使用q.all美元的promise时遇到了问题，有人能帮我吗？

当我有一个promise时，以下几点很好：

 var dashlettePromise = DashboardsDataService.getTabDetails(dashboardData);
    dashlettePromise.then(function(data) {
      var template = '<div class= "allChartsDiv">';

      for (var dashVar = 0; dashVar < data.tabDetails.length; dashVar++) {
        var dashletteId = data.tabDetails[dashVar].dashletteId; // Added
         ....
      }
    }, function(error) {
      alert(error);
    }, function(progress) {
      // report progress
    });

但是我需要进行多个ajax调用，所以我使用了$q.all如下所示：

var promises = [];
angular.forEach(dashboardslayoutArray, function(dashboardslayout) {
  dashboardData.dashletteBeansList = [];
  dashboardData.dashletteBeansList[0] = dashboardslayout;
  var dashlettePromise = DashboardsDataService.getTabDetails(dashboardData);
  promises.push(dashlettePromise);

});

现在我需要一个接一个地解析$q中的所有promise，就像我解析的单promise一样，如上所示。因此，我使用了下面所示的代码，但它没有按预期工作。我开始怀疑我在$q.all（promise）中使用的逻辑来解决promise。这是正确的方法吗？或者有人能提出更好的方法来解决$q.all中的promise吗？

$q.all(promises)
  .then(function(allData) {
    // all promises were resolved here                          
    angular.forEach(promises, function(eachPromise) {

      eachPromise.then(function(data) {

        for (var dashVar = 0; dashVar < data.tabDetails.length; dashVar++) {
          var dashletteId = data.tabDetails[dashVar].dashletteId; // Added
          var axisType = data.tabDetails[dashVar].axisType;
            .....
        }

      }, function(error) {
        alert(error);
      })

    })

  });

Answer 1

问题在于，$q.all不会在已解决状态下返回promise本身，而是直接返回其值。因此，尽管您希望在$q.all调用中得到promise，但您得到的是值。为了规避这一点，您可以在结束时访问promise。

尝试调整代码以处理值，而不是中的promise。所有呼叫：

$q.all(promises)
  .then(function(allData) {
    // all promises were resolved here                          
    allData.forEach(function(data) {
    // no `then` needed here
        for (var dashVar = 0; dashVar < data.tabDetails.length; dashVar++) {
          var dashletteId = data.tabDetails[dashVar].dashletteId; // Added
          var axisType = data.tabDetails[dashVar].axisType;
            .....
        }
    });
});

因此，一般来说，您的方法是有效的（很好），但可以更好：）

还请注意，进度事件可能应该避免，而不是未来的证据。