Question

为简单起见，假设我有一个AngularJS应用程序，其中2个控制器同时执行，用于网站的不同部分。两个控制器都需要来自名为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);
      });
    }
  };
}]);

两个控制器同时执行API.getData(...) （因此在第一个获得响应之前）并接收完全相同的数据，但使用它做不同的事情。对getData进行第二次（及后续）调用的最佳方法是，实际使用第一个请求中的数据，而不是创建另一个AJAX呼叫？控制器对彼此一无所知，并且当只有一个人进行此呼叫时也应该工作。

也许我过度复杂了，但我提出的唯一解决方案是在工厂范围的队列中手动排队所有callback个函数，然后在＆＃34; singleton＆时一起执行它们＃34; 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          
    }
  };
}]);

然后在控制器中，您可以使用返回的承诺执行任意数量的操作（请参阅promise documentation），但功能上等同于上面的代码将类似于tis：

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

Answer 2

我不知道这是否适用于您的要求，但您始终可以在路由配置中使用“解析”功能，以确保在您的视图和控制器加载之前已存在此数据。如果您不熟悉它，可以查看文档here。

Answer 3

将数据放入$rootScope，然后在另一个控制器中等待。

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

3 个答案: