在查看休假时终止 $interval

Question

我有一个在 ionic/angular 应用程序中运行 doRefresh() 的简单计数器，您可以看到它使用 $interval 调用自身，但是当用户离开此视图时。计数器仍在运行。我不能让它停止运行。我已经尝试了很多东西，包括下面的代码。请帮忙。谢谢你

$interval(function () { 
  $scope.doRefresh(); 
  console.log("refresh done");
}, 3000);

$scope.$on('$ionicView.enter', function(){

$scope.$on("$destroy",function(){
    if (angular.isDefined($scope.doRefresh())) {
        $interval.cancel($scope.doRefresh())
        console.log("Destroyed");
    }
  });


});

Answer 1

$interval 返回您需要取消间隔的承诺。见以下代码：

var refresher = $interval(function () { 
  $scope.doRefresh(); 
  console.log("refresh done");
}, 3000);

$scope.$on('$ionicView.enter', function(){

$scope.$on("$destroy",function(){
    //This really wouldn't be needed, as refresher should always be defined.
    if (angular.isDefined(refresher)) {
        $interval.cancel(refresher);
        refresher = undefined;
        console.log("Destroyed");
    }
  });


});