Online and offline event are firing twice

Question

Online and offline event are firing twice

Can someone please help?

I trying to check when internet conectivity is lost in my ionic project, It is working fine but the event fires twice in a row for some reason. below is my code in my app.js in $ionicPlatform.ready:

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');
   });
}

Like I said it works but fires twice in a row, so when I want to display a popup when internet connection is lost it is displayed twice.

I checked the ionic forum and found a guy with a similar problem but no one really gave him an exact answer: http://forum.ionicframework.com

javascript
ionic-framework
ionic

Answer 1

This is a workaround using a state dummy var

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');
   });
}