Angularjs在处理分页集合时承诺链



我正在使用一个RESTapi,它为GET请求提供分页响应,如下所示:

{count: 43103
previous: null
next: http://ecoengine.berkeley.edu/api/photos/?page=2
results: [json objects....]
}

我想创建一个服务,通过遵循next链接加载所有数据,直到next变为null。我被困在如何在这种情况下连锁承诺上,如果能提供任何关于如何继续的帮助,我将不胜感激(这里是angular/js新手)。到目前为止,我的困惑就在这里http://plnkr.co/edit/ySiQLvu9RNrKkQAoDmKh.您可以从控制台消息中看到,代码仅从前两页检索数据。非常感谢。

我尝试使用递归进行承诺的链接来解决这个场景。在这里看我的小提琴

http://plnkr.co/edit/NPh6uQ2DgVuhVxUgHB6h?p=info

基本上,在loadData上执行递归可以获得分页数据。这就是的实现

var loadData = function(url) {
      var deferred = $q.defer();
      function loadAll() {
        $http.get(url)
           .then(function(d) {
                debugger;
                console.log('private http.get().then()');
                console.log(d);
                aggregateData.value.push(d.data.results);
                if(d.data.next) {
                   url=d.data.next;
                   loadAll();
                }
                else {
                   deferred.resolve(aggregateData.value);
                }
           })
      }
      debugger;
      loadAll();
      return deferred.promise;
 };

我使用了aggregateData数组,但您可以自由使用loadData函数中声明的任何数组。

最新更新