在离子应用程序中加载视图后检测网络

Question

我正在使用离子框架。我想要的是，如果网络可用，应用程序应该显示一张卡，如果没有网络可用，则显示另一张卡。

我的控制器中有以下代码

.controller('PlaylistsCtrl', function($scope) {

init=function(){
 alert(navigator.connection.type);
}

  init();
})

警报返回 0 零不知道为什么会这样。

所以我尝试连接一个按钮并查看相同的代码

<button ng-click="demo()" class="button button-positive">get network</button>

在控制器中

.controller('PlaylistsCtrl', function($scope) {

 $scope.demo=function(){
  alert(navigator.connection.type);
  }
})

现在我得到了正确的结果，所以我得到了 wifi、2g 等

所以我认为 angular 在 navigator.connection.type 被解析之前执行。

如何在查看负载时检测网络？

Answer 1

在设备准备好之前不要启动您的应用

  document.addEventListener('deviceready', function() { 
    angular.bootstrap(document, ['YourAppName']);
  }, false);
  var YourAppName = angular.module('YourAppName', []);