取消或停止递归承诺链中的 $timeout

Question

我有一项服务，它每 3 秒检查一次项目状态。如果项目状态为就绪，则返回状态字符串。否则，请使用$timeout 等待 3 秒，然后重试。

我的问题是当用户触发某些事件（例如：离开当前页面）时，我想取消或停止递归超时，但我不知道该怎么做。

服务：

angular.module('app')
    .factory('ItemService', ItemService);

function ItemService($timeout, DataService) {
    var service = {
        checkStatus: checkStatus
    };

    function checkStatus() {
        return DataService.getItemStatus()
            .then(function(status){
                if (status === 'ready') {
                    return status;
                } else {
                    // the item is not ready. Check again after 3 seconds
                    return $timeout(function() {
                        return checkStatus();
                    }, 3000)
                }
            });
    }

}

客户：

angular.module('app')
    .controller('ItemCtrl', ItemCtrl);

function ItemCtrl($scope, ItemService) {
    ItemService.checkStatus()
        .then(function(status) {
            // do somethin when item is ready.
        });

    $scope.$on('destroy', function(){
        // Should stop the $timeout recursive, but don't know how..
    });
}

Answer 1

您应该能够取消角度超时

$timeout.cancel(promise)

所以这样的事情应该可以工作：

var promise = ItemService.checkStatus();
promise.then(function(status) {
        // do somethin when item is ready.
    });

$scope.$on('destroy', function(){
    if(typeof promise.then === 'function') {
        $timeout.cancel(promise);
    }
});