2017-04-20 93 views
0

我試圖讓ionic2網絡狀態離子2網絡狀態,離子本地文檔例如不工作:我的代碼是:與離子本地3.X不工作

import { Component } from '@angular/core'; 
    import { NavController } from 'ionic-angular'; 
    import { Network } from '@ionic-native/network'; 
    @Component({ 
     selector: 'page-network', 
     templateUrl: 'network.html' 
    }) 
    export class NetworkPage { 

     Status: any = ''; 
     ConnectionType:any = ''; 

constructor(private network: Network) { 
    let disconnectSubscription = this.network.onDisconnect().subscribe(() => { 
    this.Status = 'Disconnected'; 
     console.log('network was disconnected '); 
    }); 
    disconnectSubscription.unsubscribe(); 
    let connectSubscription = this.network.onConnect().subscribe(() => { 
     console.log('network connected!');
   
    this.Status = 'Connected'; 
     setTimeout(() => { 
     if (this.network.type === 'wifi') { 
      console.log('we got a wifi connection, woohoo!'); 
     } 
     }, 3000); 
    }); 
    connectSubscription.unsubscribe(); 
    } 
} 

我一直在使用ionic2。錯誤沒有來,但它仍然不適合我。需要檢查網絡狀態是啓用還是禁用。

+0

它不會給出任何錯誤或警告?沒有關於科爾多瓦? –

回答

3

確保您@ionic-native/core安裝,並在app.module.ts添加Network到提供商@NgModule裝飾,最後你必須注入或在某處app.component.ts

通常所說的創建服務Upadate

刪除收聽者的取消訂閱方法

disconnectSubscription.unsubscribe(); 
connectSubscription.unsubscribe(); 

我fou第二齣你先subscribe到網絡事件,然後unsubscribe

步驟,使其工作

  1. 創建ionic2項目

  2. 運行命令

    ionic plugin add cordova-plugin-network-information

    npm install --save @ionic-native/network

  3. providers陣列在app.module.ts enter image description here

  4. 添加Network服務在app.component.ts使用此代碼。

    enter image description here

  5. 添加所需的平臺讓選擇Android

    ionic platform add android

  6. 然後運行該代碼

    ionic run android

  7. 最後嘗試啓用/禁用無線網絡一nd手錶控制檯

+0

如何在app.component.ts中創建服務 – Ayyan

+0

您不能在'app.component.ts'中創建服務,只需在app.component構造函數中注入服務 –

+0

從'@ ionic-native/network'注入import {Network};仍然沒有迴應服務 – Ayyan