使用 promise 对象中止 ngResource

Question

我最近了解到可以通过以毫秒为单位指定超时或传递延迟对象来中止 ngResource 请求。

第二个解决方案似乎对我不起作用，我不知道我做错了什么。我创建了一个小提琴来演示问题http://jsfiddle.net/HB7LU/10977/

var myApp = angular.module('myApp',['ngResource']);

myApp.factory('myResource', function($resource) {
    return {
      getResource: function (aborter) {
        var resource = $resource(
            'http://api.openweathermap.org/data/2.5/weather?q=London,uk', {}, {
          query: {
            isArray: false,
            timeout: aborter.promise
          }
        });

        return resource;
      }
    };
});

myApp.controller('MyCtrl', function($scope, $q, $log, $timeout, myResource) {
    var aborter = $q.defer();
    setTimeout(function() {
       $log.info('Aborting...');
       aborter.resolve();
    }, 10);
    myResource.getResource(aborter).query().$promise.then(function(data) {
        $scope.data = data;
    });
});

我想避免同时发送多个请求（我想通过调用aborter.resolve()取消上一个。

我正在关注这个解决方案Angular $http : setting a promise on the 'timeout' config 你能告诉我为什么它不起作用吗？

Answer 1

这似乎是 Angular 1.3 的一个未解决问题：github.com/angular/angular.js/issues/9332 如果你退回到 1.2.28，你的 jsfiddle 就可以工作了。

Answer 2

尝试使用$timeout，而不是setTimeout，因为这样可以确保您的解析被角度$digest 循环捕获。

myApp.controller('MyCtrl', function($scope, $q, $log, $timeout, myResource) {
    var aborter = $q.defer();
    $timeout(function() {
       $log.info('Aborting...');
       aborter.resolve();
    }, 10);
    myResource.getResource(aborter).query().$promise.then(function(data) {
        $scope.data = data;
    });
});

Answer 3

尝试更改这行 ngResource 源代码：

httpConfig[key] = copy(value);

在

httpConfig[key] = key !== 'timeout' ? copy(value) : value;

问题在于复制的承诺