如何在 ionic4 中使用 network.onDisconnect

Question

我在代码使用网络中使用 ionic 4

在我的项目中没有工作 network.onDisconnect()

我正在添加导入

ionic cordova plugin add cordova-plugin-network-information

和

npm install @ionic-native/network@5.9.0

代码无效：

this.network.onDisconnect().subscribe(() => {
  console.log('network was disconnected :-(');
  alert("FirstPage onDisconnect");
},
(error) => {
  alert(error);
});
this.network.onConnect().subscribe(() => {
  console.log('network was connected :-)');
  alert("FirstPage onConnect");
},
(error) => {
  alert(error);
});

或代码：

this.network.onDisconnect().subscribe(() => {
  console.log('network was disconnected :-(');
  alert("FirstPage onDisconnect");
});
this.network.onConnect().subscribe(() => {
  console.log('network was connected :-)');
  alert("FirstPage onConnect");
});

或代码：

  this.platform.ready().then(() => {
   this.network.onDisconnect().subscribe(() => {
    console.log('network was disconnected :-(');
    alert("FirstPage onDisconnect");
   });
   this.network.onConnect().subscribe(() => {
    console.log('network was connected :-)');
    alert("FirstPage onConnect");
   });
  });

或代码：

 window.addEventListener('online', function() {
   alert("ONLINE");
 }, false);

 window.addEventListener('offline', function() {
   alert("OFFLINE");
 }, false);

或代码：

document.addEventListener('online', function() {
  alert("ONLINE");
}, false);

document.addEventListener('offline', function() {
  alert("OFFLINE");
}, false);

离子信息：

 Ionic:

   ionic (Ionic CLI)             : 4.12.0 
   Ionic Framework               : @ionic/angular 4.5.0
   @angular-devkit/build-angular : 0.13.9
   @angular-devkit/schematics    : 7.3.9
   @angular/cli                  : 7.3.9
   @ionic/angular-toolkit        : 1.5.1

 Cordova:

   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : android 7.1.4, browser 5.0.4
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, cordova- 
   plugin-ionic-webview 4.1.0, (and 10 other plugins)

 System:

   NodeJS : v10.12.0 (C:\Program Files\nodejs\node.exe)
   npm    : 6.4.1
   OS     : Windows 10

甚至添加 import { Network } from '@ionic-native/network/ngx';在 app.module.ts 添加供应商网络

如何在我的项目中使用 this.network.onDisconnect() 和 this.network.onConnect()？

谢谢

Answer 1

这是正确的代码：

  this.platform.ready().then(() => {
   this.network.onDisconnect().subscribe(() => {
    console.log('network was disconnected :-(');
    alert("FirstPage onDisconnect");
   });
   this.network.onConnect().subscribe(() => {
    console.log('network was connected :-)');
    alert("FirstPage onConnect");
   });
  });

构造函数中应该是运行，你在哪里调用这个？

另外，您为什么专门针对插件的 v5.9.0？

我只会使用：

npm install @ionic-native/network

如何在 ionic4 中使用 network.onDisconnect

how to use network.onDisconnect in ionic4

networking

ionic4

angular7