【问题标题】:Cordova Network Detection Plugin not respondingCordova 网络检测插件没有响应
【发布时间】:2017-07-24 06:29:29
【问题描述】:

我这里导入插件,这里一切正常。

ionic plugin add cordova-plugin-network-information

npm install --save @ionic-native/network

将其添加到 app.module.ts,并将其声明为提供程序...

import { NgModule, ErrorHandler } from '@angular/core';
import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
import { MyApp } from './app.component';
import { HomePage } from '../pages/home/home';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
import { Network } from '@ionic-native/network';

@NgModule({
  declarations: [
    MyApp,
    HomePage
  ],
  imports: [
    IonicModule.forRoot(MyApp)
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    HomePage
  ],
  providers: [
    StatusBar,
    SplashScreen,
    {provide: ErrorHandler, useClass: IonicErrorHandler},
    Network
  ]
})
export class AppModule {}

在构造函数中注入,现在我认为这是我使用 this.network.onConnect(); 时的问题;

import { NavController, ToastController } from 'ionic-angular';
import { Network } from '@ionic-native/network';

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

  constructor(private toast: ToastController, private network: Network, public navCtrl: NavController) {
  }
}

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

我正在玩 wifi 打开/关闭它但没有登录控制台.. 而且我知道我做的一切都是正确的,但仍然如此?

【问题讨论】:

    标签: cordova ionic-framework cordova-plugins


    【解决方案1】:

    ionViewDidEnter 应该在 HomePage 类中。

    import { NavController, ToastController } from 'ionic-angular';
    import { Network } from '@ionic-native/network';
    
    @Component({
    selector: 'page-home',
    templateUrl: 'home.html'
    })
    export class HomePage {
    
        constructor(private toast: ToastController, private network: Network, public navCtrl: NavController) {}
    
    
        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));
        }
    }
    

    【讨论】:

    • 从答案中复制代码并粘贴到用户 home.ts 文件中
    • 更新了答案,在这种情况下说语法错误是不正确的。让我知道它是否有效。
    • 我所做的是创建一个新项目,但仍然一无所获:(
    • ionViewDidEnter() {console.log(this.network)},看看你得到了什么。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多