ionic2 中的網路監測功能

參考：

（後須還將發表其他我正在ionic2使用的外掛程式或功能）

增加網路監測功能的cordova外掛程式：

$ ionic plugin add cordova-plugin-network-information

開啟網路狀態動態檢測：

// 開啟網路監測

startnetdetect() );
// stop disconnect watch （停止斷網檢測）
// disconnectsubscription.unsubscribe();
// watch network for a connection
let connectsubscription = network.onconnect().subscribe(() => , 3000);
});// stop connect watch （停止聯網檢測）
// connectsubscription.unsubscribe();
}

為加入顯示正在檢視當前網路狀態的效果，加入loadingcontroller，顯示網路檢測過程：

checknetwork() );

loader.present();
settimeout(() => , 3000);
}

顯示網路狀態資訊的方法：

shownetworkstatus()  else if(network.connection == 'none')  else 

}

程式如下：

home.html

home

開啟網路監測
當前網路狀態

home.ts

import  from '@angular/core';

import  from 'ionic-angular';
import  from "ionic-native";
@component()
export class homepage 
// 開啟網路監測
startnetdetect() );
// stop disconnect watch （停止斷網檢測）
// disconnectsubscription.unsubscribe();
// watch network for a connection
let connectsubscription = network.onconnect().subscribe(() => , 3000);
});// stop connect watch （停止聯網檢測）
// connectsubscription.unsubscribe();
}  checknetwork() );
loader.present();
settimeout(() => , 3000);
}  shownetworkstatus()  else if(network.connection == 'none')  else 
}}

advanced

theconnectionproperty will return one of the following connection types:unknown,ethernet,wifi,2g,3g,4g,cellular,none

network.connection 的可能值為unknown、ethernet、wifi、2g、3g、4g、cellular、none。

ionic2中跨頁面回傳值

1 在跳轉到新頁面時傳入乙個contactscallback的引數，在該引數的函式定義中做出乙個承諾。注意 最開始我本來是採用如下圖方式的，但是很不幸，出現了問題，問題所在就是關於這個this的作用域問題。這裡要用到es6的箭頭函式 arrow functions。普通function函式和箭頭函式...

ionic2中如何使用自動生成器

ionic generator是命令列的功能，ionic2自動幫我們建立應用程式，從而節省了大量的時間，並增加我們的速度來開發乙個專案的關鍵部分。ionic generator使我們可以自動建立以下幾部份 一 建立頁面 ionic g page pagename 通過這個命令建立乙個新的頁面，ion...

ionic2 遇到的一些小問題

在github上下了個小專案，npm install 後ionic serve啟動時遇到了問題 google後發現少安裝了依賴，然後在package.json 中的dependencies中加入了 然後抱著期待的心情再次執行ionic serve，沒想到又報了錯 然後又去goole了一遍，發現還是少...