Question

feeds.forEach周期中的一个承诺最终会出错。也许是因为LoadData中的这一点从不执行$rootScope.links = urls;内的行then。怎么解决？

app.service('LoadData', ['FeedService', 'EntryStateUrlService', '$q',
 function(FeedService, EntryStateUrlService, $q) {
   this.loadData = function(feedSrc) {

     FeedService.parseFeed(feedSrc).then(EntryStateUrlService.getEntryStateUrl).then(function(data) {
       console.log(data);
       $rootScope.links = data;
     });
   }
 }
]);

app.service('FeedService', function($http, $q) {
 this.parseFeed = function(url) {
   var deferred = $q.defer();
   $http.jsonp('//ajax.googleapis.com/ajax/services/feed/load?v=1.0&callback=JSON_CALLBACK&q=' + encodeURIComponent(url))
     .success(function(res) {

       deferred.resolve(res.data.responseData.feed.entries);
     }).error(function() {
       deferred.reject();
     });
   return deferred.promise;
 }
});

app.service('EntryStateUrlService', ['$state', '$q',
 function($state, $q) {

   this.getEntryStateUrl = function(feeds) {

     var deferred = $q.defer();
     var idx = 0,
       promises = [],
       promise = null;
     feeds.forEach(function(e) {
       promise = $http.jsonp(e.link).success(function(data) {
         /*stuff*/
        e['entryStateUrl'] = data.link; // UPDATED
         deferred.resolve(data);
       });
       promises.push(promise);

     }); //forEach
     return $q.all(promises);
   }
 }
]);

更新我真的不明白$q.all作为许多其他承诺的大承诺对象如何将data提供给服务LoadData ....

UPDATE2

It seems like因为一个承诺失败（因为其中一个网址无效）$q.all失败并且永远不会转到then()。怎么绕过那个？我需要从所有成功的承诺中获取所有数据。

Answer 1

有一件事是您需要注入$rootScope才能使用它：

app.service('LoadData', ['FeedService', 'EntryStateUrlService', '$q', '$rootScope',
 function(FeedService, EntryStateUrlService, $q, $rootScope) {
    //...
 }
]);

同样在Q库中有一个名为allSettled的方法，即使一个失败，也可以查看所有的承诺结果。角度$ q没有这种方法，但有几个人发现它很有用，所以他们已经为它创建了扩展。以下是Github Gist上的一个示例：

angular.module('qAllSettled', []).config(function($provide) {
  $provide.decorator('$q', function($delegate) {
    var $q = $delegate;
    $q.allSettled = function(promises) {
      return $q.all(promises.map(function(promise) {
        return promise.then(function(value) {
          return { state: 'fulfilled', value: value };
        }, function(reason) {
          return { state: 'rejected', reason: reason };
        });
      }));
    };
    return $q;
  });
});

使用此方法将返回所有结果，无论是否被拒绝。返回的对象将具有state属性，该属性将告诉您承诺的状态：

return $q.allSettled(promises);

然后，您可以检查每个承诺的状态，并根据需要将其添加到链接中：

FeedService.parseFeed(feedSrc)
    .then(EntryStateUrlService.getEntryStateUrl)
    .then(function(results) {
        $scope.links = [];
        results.forEach(function (result) {
            if (result.state === "fulfilled") {
                $scope.links.push(result.value);
            } else {
                var reason = result.reason;
            }
        });
});

Plunker Demonstration

$ q.all承诺永远不会成就

1 个答案: