如何捆绑Angular $ http.get（）调用？

Question

我有一个控制器，需要检索两个单独的REST资源，该资源将填充两个下拉列表。我想避免在返回两个$
http.get（）调用之前填充其中任何一个，以便下拉列表似乎是同时填充的，而不是一个接一个地滴入。

是否可以捆绑$ http.get（）调用并为两个返回的数组优雅地设置$ scope变量，而不必为这两种情况编写状态逻辑，例如a在b之前返回，b在a之前返回？

Answer 1

调用Angular $ http函数的返回值是Promise使用$
q
的对象（受Kris
Kowal的Q
启发的承诺/延期实现）。

看一下$q.all(promises)方法文档：

在将所有输入的Promise解析后，将多个Promise合并为一个Promise。

参量

• 承诺– {Array.<Promise>}–一系列承诺。
  

退货

{Promise}–返回将用值数组解析的单个promise，每个值对应于promise数组中同一索引处的promise。如果任何一项promises被拒绝解决，则产生的承诺将以相同的拒绝解决。

您可以使用$q.all类似于以下代码的“加入” http调用的结果：

app.controller("AppCtrl", function ($scope, $http, $q) {

  $q.all([
    $http.get('/someUrl1'),
    $http.get('/someUrl2')
  ]).then(function(results) {
     /* your logic here */
  });
}