2016-10-18 3 views
0

私はイオンアプリ開発の新人です。私は、アプリケーションがインターネットに接続されているかどうかを確認するためにng Cordovaネットワーク情報プラグインを使用しているアプリケーションを開発しています。インターネットが接続されている場合、私はテンプレートファイルを表示したい。それは可能ですか?もしそうなら、どうすればいいの?ngcordovaにテンプレートファイルを含める方法Isoffline()?

if ($cordovaNetwork.isOffline()) { 
     $ionicPopup.confirm({ 
         title: "Internet Disconnected", 
         content: "The internet is disconnected on your device." 
        }) 
     ionic.Platform.exitApp() 
+0

あなたは「ディスプレイテンプレートファイル」を意味し、ネットワークプラグインの結果、あなたは何をしたいことができるのですか...ポップアップでメッセージを表示する代わりに –

+0

私はテンプレートファイル(htmlファイル)を表示したい –

答えて

1

あなたはあなたのテンプレートは、このようなものである必要があり、runメソッドからIonic PopUp Service

.run(function($window, $rootScope, $cordovaNetwork, $ionicPopup) { 
    if ($cordovaNetwork.isOffline()) { 
      var myPopup = $ionicPopup.show({ 
      template: '<b>Hello!</b>', 
      title: 'Internet lost', 
      subTitle: 'Connection lost', 
      scope: $scope, 
      buttons: [ 
      { text: 'Cancel' }, { 
       text: '<b>Ok</b>', 
       type: 'button-positive', 
        onTap: function(e) { 
         //click Ok button 
        } 
       } 
      ] 
     }); 
    } 
)} 

OR

$ionicModal.fromTemplateUrl('templates/internet_info.html', { 
    scope: $scope 
}).then(function(modal) { 
    $scope.modal = modal; 
}); 

$scope.closeInternetInfo = function() { 
    $scope.modal.hide(); 
}; 

// Open the login modal 
$scope.OpenInternetInfo = function() { 
    $scope.modal.show(); 
}; 

で詳細情報を、それを行うことができます何をすべきか

<ion-modal-view> 
    <ion-header-bar> 
     <h1 class="title">Internet</h1> 
     <div class="buttons"> 
     </div> 
    </ion-header-bar> 
    <ion-content> 

    </ion-content> 
</ion-modal-view> 
+0

ポップアップでメッセージを表示するのではなく、htmlファイルを表示したい –

+0

ポップアップを表示するには特定のhtmlテンプレートを使用しますか? – sioesi

+0

はいsioesi私は特定のHTMLテンプレートを表示したい –

関連する問題