Как включить файл шаблона в ngcordova Isoffline()?

#angularjs #ionic-framework #ngcordova

#angularjs #ionic-framework #ngcordova

Вопрос:

Я новичок в разработке приложений ionic. Я разрабатываю приложение, в котором я использую сетевой информационный плагин ng Cordova, чтобы проверить, подключено ли приложение к Интернету или нет. если подключен Интернет, я хочу отобразить файл шаблона. возможно ли это сделать?? если да, то как я могу??

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

Комментарии:

1. что вы подразумеваете под «отображением файла шаблона»? и на основе результата сетевого плагина вы можете делать все, что захотите…

2. вместо отображения сообщения во всплывающем окне я хочу показать файл шаблона (HTML-файл)

Ответ №1:

Вы можете сделать это из метода run, подробнее в службе всплывающих окон Ionic

 .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>
  

Комментарии:

1. вместо отображения сообщения во всплывающем окне я хочу показать HTML-файл

2. Вы имеете в виду отображать всплывающее окно, но с определенным HTML-шаблоном?

3. да, я хочу отобразить определенный Html-шаблон

4. Он должен предоставить простой шаблон для вашего всплывающего окна, что-то в этом роде.. Я редактирую свой ответ.