ionic 2 check Internetverbindung funktioniert nicht

Question

Ich möchte die Internetverbindung überprüfen. Ich versuche diesen Code, aber gebe mir nichts zurück.

ionViewDidEnter() { 
    this.network.onConnect().subscribe(data => { 
    console.log(data) 
    }, error => console.error(error)); 

    this.network.onDisconnect().subscribe(data => { 
    console.log(data) 
    }, error => console.error(error)); 
} 

Answer 1

Ich versuche, diesen Code aber nichts zu mir zurück.

Überprüfen Sie die Ionic Native Docs Beide onConnect und onDisconnect Rück eine beobachtbare abonniert werden zu wissen, wann das Ereignis eintritt.

Es gibt keine Daten Typ zurückgegeben.

Just do:

this.network.onConnect().subscribe(() => { 
    console.log("Connected successfully")   
    //do other tasks after connected 
    }, error => console.error(error)); 

Answer 2

Ihr Code in Ordnung zu sein scheint.

Aber Sie sollten warten auf Platform.ready() Versprechen, es bedeutet, dass Cordova bereit ist.

constructor(public platform: Platform, public network: Network) 

Dann:

ionViewDidEnter() { 
    this.platform.ready().then(() => { 
     this.network.onConnect().subscribe(data => { 
      console.log(data) 
     }, error => console.error(error)); 

     this.network.onDisconnect().subscribe(data => { 
      console.log(data) 
     }, error => console.error(error)); 
    }); 
} 

Answer 3

Was sind Sie doing'll nicht den Verbindungstyp zurückgeben oder wenn es angeschlossen ist oder nicht. Dies erzeugt nur Observables auf Ihrer Verbindung, wenn Sie also die Verbindung trennen oder verbinden, wird eine Funktion ausgeführt.

Wenn Sie überprüfen möchten, ob Sie verwenden this.network.type

ionViewDidEnter() { 
    console.log(this.network.type); 
} 

Das wird eine Zeichenkette mit der Art Ihrer Verbindung zurückkehren, kann es WIFI, NONE und andere sein verbunden sind.

Also, wenn Sie Ihre Verbindung überprüfen wollen, und dann etwas tun, wenn sie trennen ist nur tun

ionViewDidEnter() { 
    if(this.network.type == 'NONE'){ 
    // EXECUTE SOMETHING 
    } 
} 

this helps