检查互联网连接时离子服务器连接失败

时间:2016-08-04 08:50:48

标签: networking ionic-framework server connection

我正在开发离子,但当我检查是否有互联网连接时,我遇到了问题。

这是我检查互联网连接的代码:

$scope.checkConnection = function() {
   if(navigator && navigator.connection && navigator.connection.type ===   'none') {alert('no conexion');}
   else{alert('conectado');}
};

我在index.html中这样称呼它:

<body ng-app="myApp" ng-controller="checkNetworkController" ng-init="checkConnection()">

当我启动应用程序时,我得到: 应用程序错误 - 与服务器的连接失败。 (文件:///android_asset/www/index.html)

如果我不调用checkConnection,一切正常。 我试图重新安装cordova网络插件,我在config.xml中添加了:

<preference name="loadUrlTimeoutValue" value="700000" />

但没有任何作用。有什么想法吗?

2 个答案:

答案 0 :(得分:0)

使用 Cordova插件添加cordova-plugin-network-information 然后window.Connection查看可用的互联网。

if(window.Connection){
    if(navigator.connection.type == Connection.NONE) {
      $state.go("error");
        alert("offline")
       }else{
            console.log(navigator.connection.type);
              alert("online")
        }
    }

答案 1 :(得分:0)

最后我得到了解决方案。

我使用相同的代码

if(navigator && navigator.connection && navigator.connection.type === 'none')    
{alert('no conexion');}
else{alert('conectado');}

但是在函数上,我将它包含在app.js的$ ionicPlatform.ready(function()中,现在它可以工作。