#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. Он должен предоставить простой шаблон для вашего всплывающего окна, что-то в этом роде.. Я редактирую свой ответ.