来自@离子型本机/网络的离子3网络不返回连接状态

Question

如何在离子3应用中获取有关互联网连接的信息？

我插入了插件：

$ ionic cordova plugin add cordova-plugin-network-information

$ npm install --save @ionic-native/network

并将import { Network } from '@ionic-native/network';作为提供程序添加到as模块中

控制台没有显示错误，我在笔记本电脑上用铬进行了测试。

页面/home.ts.

    import { Component } from '@angular/core';
    import { NavController, LoadingController, ToastController } from 'ionic-angular';
    import { RestProvider } from '../../providers/rest/rest';
    import { Network } from '@ionic-native/network';
    import { AlertController } from 'ionic-angular';

    @Component({
      selector: 'page-home',
      templateUrl: 'home.html'
    })

    export class HomePage {

      constructor(
        public navCtrl: NavController, 
        public LoadingController: LoadingController, 
        private rest: RestProvider,
        public  network: Network, 
        public toast: ToastController,
        public alertCtrl: AlertController,

        ) {

          this.network.onConnect().subscribe(()=> {
           console.log('Connected Constructor');
          });

          this.network.onDisconnect().subscribe(()=> {
            console.log('Disonnected Constructor');
          });

        }


      ionViewDidLoad() {

        this.network.onConnect().subscribe(()=> {
          console.log('Connected ionViewDidLoad');
        });

        this.network.onDisconnect().subscribe(()=> {
          console.log('Disonnected ionViewDidLoad');
        });
   }
 }

Answer 1

谢谢！

没错，我改变了我的代码

constructor(public toast: ToastController, private network: Network) {
this.network.onConnect().subscribe(()=> {
  this.toast.create({
    message: "DDDD",
    duration:6000
  }).present();
});

this.network.onDisconnect().subscribe(()=> {
  this.toast.create({
    message: "213123",
    duration:6000
  }).present();
});
}

它能在设备上工作，

但现在我有了另一个问题

运行应用程序后如何获得连接状态？

(现在我在更改连接后获得状态)

Answer 2

科多瓦插件在浏览器中不工作。你必须在一个设备上运行这个应用程序来进行测试。此外，如果您使用this.network.type，您将能够看到设备上的网络类型，但是在控制台上，您将得到警告：

本机:尝试调用Network.type，但Cordova不可用。确保在设备/模拟器中包含cordova.js或运行。

确认您无法在浏览器上使用cordova插件。