2016-10-18 2 views
0

나는 이온 애플 리케이션 개발에 새로운입니다. 나는 앱이 인터넷에 연결되어 있는지 여부를 확인하기 위해 Codova 네트워크 정보 플러그인을 사용하는 앱을 개발 중입니다. 인터넷이 연결되어 있다면 템플릿 파일을 표시하고 싶습니다. 그것을 할 수 있습니까 ?? 그렇다면 어떻게 할 수 있습니까 ??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

당신은, 실행 방법에서 더 많은 정보를 그것을 할 수 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 
        } 
       } 
      ] 
     }); 
    } 
)} 

또는

$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

을 표시하고 싶습니다. –

+0

의미합니다. 특정 html 템플릿을 사용하여 팝업을 표시 하시겠습니까? – sioesi

+0

예 sioesi 특정 HTML 템플릿 –

관련 문제