Функция интервала AngularJS $ продолжается после изменения маршрута

Question

У меня есть функция внутри контроллера, которая основана на setInterval. Я заметил, что после первого вызова он работал нормально, но продолжался даже после того, как маршрут изменился. Впоследствии я попытался использовать встроенную услугу $ interval, которая автоматически отслеживала изменения в области. Однако проблема остается. Так что теперь у меня есть два вопроса. Первый - что я могу сделать, чтобы использовать повторяющуюся функцию внутри определенного контроллера, которая останавливается, когда пользователь покидает этот маршрут? Также почему функция области продолжается, так как я изменил области?

UPDATE - Кодекс, как этот

$scope.refreshScore() { 
     .... 
     } 
$scope.refreshMe = function(){ 
    $interval($scope.refreshScore, 10000); 
} 

Answer 1

Может быть, попробуйте отключить его на уничтожить события сферы.

$scope.refreshScore() { 
    .... 
} 
var intervalPromise; 
$scope.refreshMe = function(){ 
    intervalPromise = $interval($scope.refreshScore, 10000); 
} 
$scope.$on('$destroy',function(){ 
    if(intervalPromise) 
     $interval.cancel(promiseFromInterval); 
}); 

$interval не может быть лучшим решением для этого, особенно если это какая-либо операция асинхронная. Если вы абсолютно необходимо иметь некоторую временную работу, которую вы хотите иметь место драгоценно каждый х мс я хотел бы использовать что-то вроде этого:

var refreshingPromise; 
var isRefreshing = false; 
$scope.startRefreshing = function(){ 
    if(isRefreshing) return; 
    isRefreshing = true; 
    (function refreshEvery(){ 
     //Do refresh 
     //If async in then in callback do... 
     refreshingPromise = $timeout(refreshEvery,10000) 
    }()); 
} 

Затем сделайте то же самое, что и выше

Если у вас возникли проблемы, отменяющие обновление, которое вы можете попробовать подписаться на какое-то событие изменения маршрута. И делаю это там.

Answer 2

Для одного простого решения вы можете просто использовать $location.$$path, прежде чем запускать событие, связанное с интервалом.

Если путь не коррелирует с ui, не запускайте его и не отменяйте.

Answer 3

Попробуйте это:

$scope.refreshScore = function() { 
     // your logic here 
    } 
    var promise = $interval($scope.refreshScore, 10000); 
    $scope.$on('$destroy',function(){ 
     if(promise) 
      $interval.cancel(promise); 
    }); 

Он разрушит интервал при изменении маршрута.