AngularJS - остановка автообновляющейся страницы при изменении состояния

Question

Есть ли способ остановить автоматическое обновление страницы после изменения состояния в Угловом JS?

У меня есть следующий код:

AngularJS контроллер

$scope.data= []; 
var findData= function() { 
    service.findData().then(function (data) { 
     $scope.data= data; 
    }); 
}; 
findData(); 

$interval(function() { 
    console.log("Refreshed!"); 
    findData(); 
}, 5000); 

Я попытался добавить дополнительное условие в функции $ интервального:

$interval(function() { 
    console.log("Refreshed!"); 
    if($state.$current.path.name == "stateWithRefresh") { 
     findData(); 
    } 
}, 5000); 

, но это не так Работа.

То, что я пытаюсь достичь, - это автоматическое обновление страницы через определенный интервал, но ТОЛЬКО, когда пользователь находится в состоянии, связанном с этой страницей.

Спасибо.

Answer 1

Вы можете связать, чтобы уничтожить метод области действия и отменить интервал.

var stop = $interval(function() { 
     console.log("Refreshed!"); 
     findData(); 

    }, 5000); 

scope.$on('$destroy', function() { 
     $interval.cancel(stop); 
    }); 

Answer 2

Если я понимаю, что вы получаете при правильно, лучше справиться с этим с помощью прослушивателя событий для изменения состояния:

$scope.on('$stateChangeSuccess', function(e, toState) { 
    if(toState.name === 'stateWithRefresh') { 
     findData(); 
    } 
});