Question

我正在尝试从_.each中的$ http中获取多个数据，并在$ scope.tasksData中显示组合数据。

但问题是_.each稍后执行并首先返回null，请指导如何解决此问题。

由于

var tasksList, processingStageId;

var apiURL = "http://localhost:9080/caseDetails/" + $stateParams.caseId + "?_=1461046349867";



var stagesList = $http.get(apiURL).then(function(resdata, status, headers, config) {

return resdata;

}).then(function(stagesData) {

stageId = stagesData.data.childStages;
var allTasksData = [];
var self = this;

_.each(stageId, function(item) {
    var stagesApiURL = "http://localhost:9080/stageDetails/" + item.stage.stageId;

    $http.get(stagesApiURL).then(function(taskData, status, headers, config) {
        //_.extend(allTasksData, taskData.data);            
        allTasksData.push(taskData.data);

    });
});

return allTasksData;

}).then(function(allTasksData) {
console.log("Hello");

_.each(allTasksData, function(data) {
    $scope.tasksData.concat(data);
});
});

Answer 1

要在解决所有请求后获取数据，请使用$ q.all（[prom，prom，prom]）

.then(function(stagesData){
    var stageId = stagesData.data.childStages;
    var tasks = [];

    _.each(stageId, function(item){
        var stagesApiURL = "http://localhost:9080/stageDetails/" + item.stage.stageId;
        var req = $http.get(stagesApiURL).then(function(taskData, status, headers, config){            
            return taskData.data;
        });
        tasks.push(req);
    });

    //Merge all promise request. Resolve when all request resolved
    return $q.all(tasks);

})
/**
 * allTasksData - [taskData.data, taskData.data , ...]
 */
.then(function(allTasksData){
  ...
});

Answer 2

您需要注入$q服务并使用$q.all功能

var stagesList = $http.get(apiURL).then(function(resdata, status, headers, config) {
  return resdata;
})
.then(function(stagesData) {
  stageId = stagesData.data.childStages;

  var self = this;

  return $q.all(
    _.map(stageId, function(item) {
      var stagesApiURL = "http://localhost:9080/stageDetails/" + item.stage.stageId;

      return $http.get(stagesApiURL).then(function(taskData, status, headers, config) {
          return taskData.data;
      });
    })
  );
})
.then(function(allTasksData) {
  console.log("Hello");

  _.each(allTasksData, function(data) {
      $scope.tasksData.concat(data);
  });
});

小解释：我们使用map代替each来生成一系列承诺。然后我们将一个promises数组传递给$q.all函数，该函数返回一个新的promise，其数组为taskData.data作为参数。

Answer 3

$q.all()可以帮到你。

根据文件，它：

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

您注册了所有通话，然后在解决了所有通话后，您就可以根据自己的数据进行操作。

这是一个example fiddle（不是我的），它是如何运作的。

然后Angular $ http解析_.each中的多个调用

3 个答案: