更改路线时,$ interval功能会继续

Question

$interval当我改变路线时,我的问题仍然存在.

这是代码:

  x = 2;

 var multiply = function () {
     x = x * 2;
     if (x == 134217728) {
         $interval.cancel($scope.stop);
         $scope.stop = 0;
     }
 }


 $scope.Result = function () {
     $scope.stop = $interval(multiply, 1000);
 }

 $scope.Result();

什么时候x<134217728,我改变路线移动到另一页.问题是$interval路线改变后不会停止.我将promise存储stop在$scope模型中的变量中.我认为$scope在路线改变后不会破坏,这就是$interval继续的原因.

我该如何解决这个问题？

Answer 1

您可以在控制器/服务中调用$interval.cancel($scope.stop);when $locationChangeSuccess.

例如

controller('MyController', function($rootScope, $interval) {
  $scope.stop = $interval(yourOperation, 1000);

  var dereg = $rootScope.$on('$locationChangeSuccess', function() {
    $interval.cancel($scope.stop);
    dereg();
  });

  function yourOperation() {}
};