Question

$rootScope.$on('$cordovaNetwork:offline', function(event, networkState){
  connectionerror($ionicPopup)
    })

      // display error msg and close the app.
      function connectionerror($ionicPopup){
          $ionicPopup.alert({
              title: "Network Error",
              content: "No internet connection",
              okText: 'Retry',
          })
          .then(function(result) {

           //do something

          });
      }

我想做的是当我点击“重试”时检查是否有互联网连接。如果有，则正常加载页面，如果没有互联网连接以保持弹出窗口打开。另外，如何将其应用于所有页面？

Answer 1

取自Ionic Docs，您可以使用以下内容：

var myPopup = $ionicPopup.show({
template: '--yourTemplate--',
title: 'Network Error',
subTitle: 'No internet connection'
buttons: [
  { text: 'Cancel' },
  {
    text: '<b>Retry</b>',
    type: 'button-positive',
    onTap: function(e) {
      if (!$rootScope.checkConnection() ) {
        e.preventDefault();
      } else {
        // Juste go wherever you want with $state.go(), or reload the current page;
      }
    }
  }
]

}）;

只需编写$ rootScope.checkConnection（）函数来检查网络状态

离子检查互联网连接

1 个答案: