AngularJS. Удалить $timeout при вызове angular -ui modal

У меня есть несколько выражений $timeout в модульном контроллере

App.controller('ModalCtrl', function ($scope, $timeout) {
    for (var i = 0; i < 10; i++) {
        (function () {
            var timer = $timeout(function () {
                console.log('timer')
            }, 1000);
        })()
    }
})

Мне нужно очистить все таймеры при вызове модальности:

App.controller('MainCtrl', function ($scope, $modal, $timeout) {
    $scope.showMap = function () {
        var modal = $modal.open({
            templateUrl: 'modalap.html',
            controller: 'modalCtrl',
        })

        modal.result.then(function () { //fires when modal is resolving
        }, function () { //fires when modal is invoking
        });
    } })

Как я могу это сделать?

PS Извините за неправильное форматирование кода. Я не знаю, почему, но я не могу его лучше форматировать. Я дублировал код здесь:

Ответ 1

Служба $timeout возвращает объект обещания, который можно использовать для отмены таймаута.

// Start a timeout
var promise = $timeout(function() {}, 1000);

// Stop the pending timeout
$timeout.cancel(promise);

Чтобы отменить все ожидания ожидания, вам необходимо сохранить список promises и отменить полный список при открытии модального файла.

Ответ 2

Вы также можете позволить им отменить себя, сделав это...

(function(){
  var timer = $timeout(function(){
    console.log(timer.$$timeoutId);
    $timeout.cancel(timer);
  }, 1000);
})();