How to Check Network Connection

[droid16985663]

Please suggest the best way to achieve

[yashwanth493]

use the below method in your app.components.ts

 if (this.network.type == "none") {
        this.checkNetwork("offline");
      }

      Observable.merge(this.network.onConnect(), this.network.onDisconnect())
        .subscribe(e => this.checkNetwork(e.type), err => console.error(err));


  checkNetwork(e) {
    if (e == "online") {
      
      this.loadingPopup.dismiss();
      this.createLoading();
      this.isOnline = true;
    } else {
   
      this.loadingPopup.present();


   
      this.isOnline = false;
    }
  }

[yashwanth493]

check network type hat u ll get first… if it is online then the internet is turned on else it will be offline

[droid16985663]

@yashwanth493 thanks for your precious time, will you please brief, i am new in Ionic.

Thanks a lot

[yashwanth493]

@yashwanth493

if (this.network.type == “none”)

in this… when u get network type is none… here none means offline the call checkNetwork() this method…

[yashwanth493]

@droid16985663

let disconnectSubscription = this.network.onDisconnect().subscribe(() => {
console.log(“Connected Cry”);

			this.navChild.push(NetworkCheckPage);

			this.toast.create({
				message: 'Network Disconnected',
				duration: 3000
			}).present();

		})
		disconnectSubscription.unsubscribe();

take out this outside if condition put in else part and try

[sarikonda1]

window.location.onLine this is a read only variable which shows whether you are in Online/offline based on this you can implement your functionality with network connection plugin from ionic .Hope this will help