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

发布时间：2020-12-17 08:17:50 所属栏目：安全来源：网络整理

导读：我有一个基于setInterval的控制器内的函数。我注意到，在第一次打电话之后，它工作正常，但继续，甚至在路线改变之后。之后，我尝试使用本机$ 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)
    }());
}

然后做同样的事情上面

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!