Yo tengo varias$timeout expresiones en el controlador modal

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

Necesito borrar todos los temporizadores cuando invoco el modal:

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
        });
    } })

¿Cómo puedo hacer eso?

PS Perdón por el formato de código incorrecto. No sé por qué pero no puedo formatearlo mejor. Dupliqué el códigoaquí: