cordova插件网络信息1.3.0“网络信息”在应用程序联机时未检测到

Question

对于网络连接和断开连接，我正在使用科尔多瓦插件即科尔多瓦插件网络信息1.3.0“网络信息”。

还有我的cordova 6.4.0版

当我启动应用程序并使用凭据登录时，我正在断开wifi连接，此时会触发弹出事件，但一段时间后，我打开wifi，此时不会触发弹出事件。

这是我的密码。

 $scope.onLoad = function () {
        document.addEventListener("deviceready", onDeviceReady, false);
    }
function onDeviceReady() {
    document.addEventListener("offline", onOffline, false);
    document.addEventListener("online", onOnline, false);
  }

      function onOffline() {
            var alertPopup = $ionicPopup.alert({
                title: 'Connection Failed!',
                template: 'Please check your network is running!'
            });
             console.log('onOFFLINE');
        }
        // Handle the online event
        function onOnline() {           
            console.log('onONLINE');// here is problem.
        }

当我断开wifi时，onOffline工作正常onOffline事件触发。但当wifi重新连接时，onOnline事件不会被触发。

Answer 1

尝试使用ngCordova。要在ionic中安装，请参阅此链接

ngCordova为实现promise的插件提供了一个有角度的包装。

这里是网络插件ngCordova页面的一个示例。

module.controller('MyCtrl', function($rootScope, $cordovaNetwork) {
  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 onlineState = networkState;
    })

    // listen for Offline event
    $rootScope.$on('$cordovaNetwork:offline', function(event, networkState){
      var offlineState = networkState;
    })

  }, false);
});