javascript - 线上线下事件触发两次

Question

有人可以帮忙吗？

我试图检查我的 ionic 项目中互联网连接何时丢失，它工作正常但由于某种原因该事件连续触发两次。下面是我在 $ionicPlatform.ready 中的 app.js 中的代码:

if (window.Connection) {

   $rootScope.$on('$cordovaNetwork:online', function (event, networkState) {
       console.log('We Are Online');
   });

   $rootScope.$on('$cordovaNetwork:offline', function (event, networkState) {
       console.log('We Are Offline');
   });
}

就像我说的那样，它可以工作，但会连续触发两次，所以当我想在互联网连接中断时显示一个弹出窗口时，它会显示两次。

我查看了 ionic 论坛，找到了一个有类似问题的人，但没有人真正给他一个确切的答案:http://forum.ionicframework.com

Answer 1

这是使用状态虚拟变量的解决方法

var isOnline = true;

if (window.Connection) {

   $rootScope.$on('$cordovaNetwork:online', function (event, networkState) {
     if(isOnline) return;
     
     isOnline = true;
     
     console.log('We Are Online');
   });

   $rootScope.$on('$cordovaNetwork:offline', function (event, networkState) {
       if(!isOnline) return;
     
       isOnline = false;
     
       console.log('We Are Offline');
   });
}