我在Feeds.forEach循环中的一个承诺最终会出错.也许是因为LoadData中的这个从不执行$rootScope.links = urls;那是在里面.怎么解决？
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',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);
}
}
]);
UPDATE
我真的不明白$q.all作为一个很大的承诺对象如何组合许多其他承诺将提供数据服务LoadData ….
UPDATE2
It seems like,因为一个promise失败(因为其中一个url无效)$q.all失败并且永远不会对then().怎么绕过那个？我需要从所有成功的承诺中获取所有数据.
解决方法
有一点是你需要注入$rootScope才能使用它：
app.service('LoadData','$rootScope',$q,$rootScope) {
//...
}
]);
同样在Q库中有一个名为allSettled的方法,即使一个失败,也可以查看所有的promise结果.角度$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属性,该属性将告诉您promise的状态：
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; } }); });
