角-访问多个超文本传输协议调用的数据-如何解决promise

Question

我被一些我认为应该直截了当的事情卡住了。我需要从三个不同的ajax调用中获取数据，组合并处理这三个调用，然后向用户显示生成的数组。

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

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

我知道我的变量是分配给promise的，而不是实际结果，并且http请求已传递到事件队列。如果我使用可执行语句来跟踪这些变量，那么这些变量将是未定义的。我不明白如何等待这些promise得到解决，以便继续处理它们。

我想做的是立即添加代码：

      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;

问题是，我不能就像解决数组一样处理promise。Javascript将在超文本传输协议调用后立即看到这些语句，并尝试立即执行它们，即使promise尚未解决。

我陷入困境的是$HTTPAPI给了我一个promise对象，它有三个函数：error，success

我肯定我错过了一些明显的东西，但是有人有建议吗？在我的实际工作中，我有几个ajax调用多个数据源和大量的处理（比较值、排序、连接等）来提出一个好的数据采集，但我不能通过这个问题。

谢谢，

Answer 1

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

js prettyprint-override">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