javascript - AngularJS - 如何在工厂中组合相同的并行 $http/$resource 请求

Question

为了简单起见，假设我有一个 AngularJS 应用程序，其中针对网站的不同部分同时执行 2 个 Controller 。两个 Controller 都需要来自名为 API 的单例工厂的相同 AJAX 数据，如下所示:

app.factory('API', ['$http', function($http){
  return {
    getData: function(callback) {
      $http({method: 'GET', url: '/data'}).success(function(data, status, headers, config) {
        callback(data);
      });
    }
  };
}]);

两个 Controller 同时执行 API.getData(...) 同时(因此在第一个 Controller 获得响应之前)并接收完全相同的数据，但是与它不同的东西。让第二次(及后续)对 getData 的调用实际使用第一个请求中的数据(一旦存在)而不是创建另一个 AJAX 调用的最佳方法是什么？ Controller 彼此之间一无所知，并且当只有一个 Controller 进行此调用时也应该正常工作。

也许我把它弄得太复杂了，但我想出的唯一解决方案是手动将所有回调函数放入工厂范围的队列中，然后在“单例”AJAX时一起执行它们通话结束。有更好的方法吗？

我读过有关 $q.all 的内容，但它不适用于此处(我认为)，因为我实际上只想有一个请求而不是多个请求。

Answer 1

不传递回调，而是从函数返回 promise 。然后保存第一个 $http 调用中的 promise ，这样当它被解析时，它就解析了调用该函数的所有内容。像这样的事情:

app.factory('API', ['$http', function($http){
  var dataPromise;
  return {
    getData: function() {
      if (!dataPromise)
      {
         dataPromise = $http({method: 'GET', url: '/data'});
      }
      return dataPromise          
    }
  };
}]);

然后在 Controller 中，您可以使用返回的 Promise 执行任意数量的操作(请参阅 promise documentation )，但上面代码的功能等效项如下所示:

API.getData().success(function(data) {
    //my callback code
});