javascript - 在 AngularJS 中打开新窗口或新选项卡时停止、启动和销毁间隔

Question

我有一个可以正常工作并且破坏良好的间隔，但是当我导航到新窗口或新选项卡时，警报也会显示在那里。如何停止此警报？

$scope.checkGuest = function() {
  $http.get(url + 'c_chat/checkGuestJson').success(function (data) {
    $scope.guestAlerts = data
    console.log(data);
    if(data == 1) {
      alert('plz register to enjoy more features');
    } 
    else {
      alert('plz register ! after 10 minutes your contact will be deleted');
    }
  })
}

我已经将间隔设置为11分钟

var intervalPromise = $interval(function () {
  $scope.checkGuest() 
}, 660000);      

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

当路线更改时，不会显示警报，这是正确的，但当打开新选项卡时，会显示警报，这是我不喜欢的

 app.config(function ($routeProvider) {
   $routeProvider.when('/c_chat', {
     template: '<div class="gusestAlert"></div>',
     controller: app.chatCtrl
   });
 }

Answer 1

这里的问题是，如果您在新选项卡中打开链接，则不会触发 $destroy 监听器，因为 Angular 范围仍然“事件”。

您可以在此处执行的操作是在每次打开新选项卡时强制调用监听器。

例如

$scope.$on('$destroy', destroyInterval); //called by angular
$rootScope.$on('$destroyInterval', destroyInterval); //generic listener

function destroyInterval(){ 
  $interval.cancel(intervalPromise); 
})

<a href="/something" target="_blank" ng-click="$root.$emit('$destroyInterval') ">
  go to new tab </a>