ngcordova 監控網絡制式改變

ngcordova 監控網絡制式改變

keywords服務器

cordova,phonegap,ionic,network,網絡制式網絡

API參考ionic

http://ngcordova.com/docs/plugins/network/

安裝code

cordova plugin add cordova-plugin-network-information

使用場景orm

適用於但網絡制式發生變化,須要動態改變APP運行參數,例如提醒網絡切換,圖片的加載,圖片質量或者服務器API地址的切換。cordova

例子圖片

使用get

module.controller('MyCtrl', function($rootScope, $cordovaNetwork,$ionicLoading) {
  document.addEventListener("deviceready", function () {    
    //var type = $cordovaNetwork.getNetwork()
    var isOnline = $cordovaNetwork.isOnline()   
    var isOffline = $cordovaNetwork.isOffline()

    // listen for Online event
    $rootScope.$on('$cordovaNetwork:online', function(event, networkState){
      var type = $cordovaNetwork.getNetwork()
      var onlineState = networkState;
      if (type == Connection.WIFI) {
        //TODO something
      }else if (type == Connection.CELL_4G || type == Connection.CELL_3G){
        //TODO something
      }
    })

    // listen for Offline event
    $rootScope.$on('$cordovaNetwork:offline', function(event, networkState){
      var offlineState = networkState;
      $ionicLoading.show({
          template: '網絡異常,不能鏈接到服務器!'
      });
    })

  }, false);
});

Connection類型io

Connection.UNKNOWN
Connection.ETHERNET
Connection.WIFI WiFi
Connection.CELL_2G
Connection.CELL_3G
Connection.CELL_4G
Connection.CELL
Connection.NONE
相關文章
相關標籤/搜索