javascript - 如何使用 Restangular 检查两个同时请求的完成情况

Question

我正在使用 Restangular 执行 2 个请求，

  Restangular.all('clients').getList().then(function(clients) {
    $scope.clients = clients;
  });
  Restangular.all('suppliers').getList().then(function(suppliers) {
    $scope.suppliers = suppliers;
  });

我想在完成后运行一些代码，我该怎么做？

Answer 1

您可以使用$q.all并将两个 promise 添加为输入。并且您需要注入(inject) $q。

  var clientsPromise = Restangular.all('clients').getList().then(function(clients) {
     $scope.clients = clients;
  });
  var suppliersPromise = Restangular.all('suppliers').getList().then(function(suppliers) {
     $scope.suppliers = suppliers;
  });

   $q.all([clientsPromise, suppliersPromise])
     .then(function(results){ //This will execute only when both the promises have been fulfilled
       //Do something;
   });

为了提高可读性，您也可以这样做:-

 function populateClients(){
    return Restangular.all('clients').getList().then(function(clients) {
       $scope.clients = clients;
    });
 }

 function populateSuppliers(){
    return Restangular.all('suppliers').getList().then(function(suppliers) {
      $scope.suppliers = suppliers;
   });
 }

 $q.all([populateClients(), populateSuppliers()]).then(doSomethingFn, handleError);

q.all 的成功回调仅在两个 Promise 都得到解决时才会运行，如果其中一个失败，它将转到 catch block ，您可以使用 finally 来当所有都满足时将运行。