ionic添加cordova插件-Network

gzgchzc博客最新更新地址：http://blog.gzvtc.cc/

cordovaNetwork
該插件提供了一箇舊版本的網絡信息接口的實現。它提供了有關設備的移動網和WiFi連接信息和設備是否有網絡連接。

cordova plugin add cordova-plugin-network-information

方法(Methods)

getNetwork()
提供了一個快速的方法來確定設備的網絡連接狀態，和類型的連接。
返回值 Connection Object:

• Connection Type (連接類型)說明
• Connection.UNKNOWN 未知連接
• Connection.ETHERNET 以太網連接
• Connection.WIFI 無線網連接
• Connection.CELL_2G 2G網連接
• Connection.CELL_3G 3G網連接
• Connection.CELL_4G 4G網連接
• Connection.CELL 通用連接
• Connection.NONE 無網絡連接

isOnline()
檢測手機網絡是否在線
返回值 如果爲true手機網絡在線

isOffline()
檢測手機網絡是否離線
返回值 如果爲true手機網絡離線

事件(Event)

$cordovaNetwork:online/offline

監聽$cordovaNetwork:online當手機上網時（離線時）觸發事件

返回值

參數——————- 類型 —— 說明
event —————-Object — Angular 事件 $broadcast - 詳情查閱 AngularJS docs
networkState —– Object — 網絡連接類型,具體參考getNetwork()的返回值

Examples

module.controller('MyCtrl', function($rootScope, $cordovaNetwork) {

  document.addEventListener("deviceready", function () {

    var type = $cordovaNetwork.getNetwork()

    var isOnline = $cordovaNetwork.isOnline()

    var isOffline = $cordovaNetwork.isOffline()


    // 監聽手機網絡在線事件
    $rootScope.$on('$cordovaNetwork:online', function(event, networkState){
      var onlineState = networkState;
    })

    // 監聽手機網絡離線事件
    $rootScope.$on('$cordovaNetwork:offline', function(event, networkState){
      var offlineState = networkState;
    })

  }, false);
});