AngularJS $interval函数在路由更改后继续

前端之家收集整理的这篇文章主要介绍了AngularJS $interval函数在路由更改后继续前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个基于setInterval的控制器内的函数。我注意到,在第一次打电话之后,它工作正常,但继续,甚至在路线改变之后。之后,我尝试使用本机$ interval服务,该服务将自动跟踪范围的更改。然而问题依然存在。所以现在我有两个问题。第一个是我可以做什么,以便在用户离开该路由时停止的特定控制器中使用重复的功能?为什么范围函数继续,因为我改变了范围?

更新 – 代码就是这样

$scope.refreshscore() {
        ....
      }
$scope.refreshMe = function(){
  $interval($scope.refreshscore,10000);
}
也许尝试取消它的范围的销毁事件。
$scope.refreshscore() {
   ....
}
var intervalPromise;
$scope.refreshMe = function(){
    intervalPromise = $interval($scope.refreshscore,10000);
}
$scope.$on('$destroy',function(){
    if(intervalPromise)
        $interval.cancel(promiseFromInterval);   
});

$ interval可能不是最好的解决方案,特别是如果它是一些异步操作。如果你绝对必须有一些定时的操作,你想要每x ms珍贵地发生,我会使用这样的东西:

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

然后做同样的事情上面

如果您在取消刷新时遇到问题,可以尝试订阅某种路由更改事件。并在那里做

猜你在找的Angularjs相关文章