angular-访问多个http调用的数据-如何兑现承诺

Question

我陷入了我认为应该直截了当的事情。我需要从三个不同的ajax调用中获取数据，组合并处理所有三个，并将结果数组显示给用户。

以最简单的形式，我的代码如下所示：

function giftControler ($scope, $http) {
  var names = $http.get("names.json"),
      naughty = $http.get("naughty.json"),
      nice = $http.get("nice.json");

我知道我的变量分配给了Promise，而不是实际结果，并且http请求已传递到事件队列。如果我在这些后面加上可执行语句，则这些变量将是未定义的。我不明白如何等待这些诺言解决以继续处理它们。

我想立即添加以下代码：

      for (var i=0; i<names.length; i++){
        for (var j=0; j<nice.length; j++){
          if (names[i] === nice[j]){
            names[i] = names[i] + "--Yay!!";
          };
        };
      };                
      $scope.kids = names;

问题是，我不能像承诺数组那样仅仅兑现承诺。即使在承诺未解决的情况下，Java也会在http调用后立即看到这些for语句，并尝试立即执行它们。

我遇到的问题是$ http
api
给了我一个带有三个函数的promise对象：error，success＆then。我不确定在这种情况下该怎么做。我需要为这三个功能提供一个成功功能。我需要全部三个解析，然后处理每个中的数据，然后将结果分配给角度模型。

我确定我缺少明显的东西，但是有人有建议吗？在我的实际工作中，我有多个ajax调用多个数据源和大量处理（比较值，排序，连接等）来提出一个好的数据收集，但是我无法解决这个问题。

谢谢，

Answer 1

您可以使用$ q的函数“ all”：

function giftControler ($scope, $http, $q) {
  var names = $http.get("names.json"),
      naughty = $http.get("naughty.json"),
      nice = $http.get("nice.json");
  $q.all([names, naughty,nice]).then(function(arrayOfResults) { 
      ... This callback would be called when all promised would be resolved
    });

这样有点干净。

这是文档化的链接：http
://docs.angularjs.org/api/ng.$q