我有两个指令,每个指令都使用包装 $q/$http 调用的同一工厂。
angular.module("demo").directive("itemA", ["restService", function(restService) {
return {
restrict: "A",
link: function(scope, element, attrs) {
restService.get().then(function(response) {
// whatever
}, function(response) {
// whatever
});
}
};
}]);
angular.module("demo").directive("itemB", ["restService", function(restService) {
return {
restrict: "A",
link: function(scope, element, attrs) {
restService.get().then(function(response) {
// whatever
}, function(response) {
// whatever
});
}
};
}]);
angular.module("demo").factory("restService", ["$http", "$q", function($http, $q) {
return {
get: function() {
var dfd = $q.defer();
$http.get("whatever.json", {
cache: true
}).success(function(response) {
// do some stuff here
dfd.resolve(response);
}).error(function(response) {
// do some stuff here
dfd.reject(response);
});
}
};
}]);
问题:当我这样做时
<div item-a></div>
<div item-b></div>
我得到相同的 Web 服务被触发两次,因为当对 ItemB 进行 GET 时,来自 ItemA 的 GET 仍在进行中。
有没有办法让第二个触发的人知道已经有对此的请求正在进行中,以便它可以等待一分钟并免费获取它?
我考虑过制作一个 $http 或 $q 包装器,将每个 URL 标记为待处理或未处理,但我不确定这是最好的方法。如果待处理,我该怎么办?只需返回现有的承诺,当另一个承诺解决时它就会解决?