Как я могу закрыть всплывающее окно, когда я нажимаю на фон в ионном режиме. Это мой код. Я новичок в ionic и angular js. Приведенный ниже код позволяет мне открывать всплывающее окно, и когда я нажимаю на кнопки, я закрыл всплывающее окно. Я хочу сделать так, чтобы при щелчке по фону я перешел на домашнюю страницу.
$scope.showPopup = function() {
$scope.data = {}
// An elaborate, custom popup
var myPopup = $ionicPopup.show({
title: 'Social Media Services',
scope: $scope,
buttons: [
{
type :'ion-social-facebook positive button-large',
onTap: function(e) {
// $cordovaSpinnerDialog.show("aaa", "aaaa");
window.open('https://www.facebook.com/BinDawood.Co', '_system', 'location=yes');
}
},
{ type :'ion-social-twitter calm',
onTap: function(e) {
// $cordovaSpinnerDialog.show("aaa", "aaaa");
window.open('https://twitter.com/BinDawoodco', '_system', 'location=yes');
}
},
{ type :'ion-social-pinterest assertive',
onTap: function(e) {
// $cordovaSpinnerDialog.show("aaa", "aaaa");
window.open('http://pinterest.com/bindawoodco', '_system', 'location=yes');
}
},
]
});
myPopup.then(function(res) {
console.log('Tapped!', res);
});
};
Как я могу изменить свой код, чтобы это произошло?
2 ответа
Если вы хотите закрыть пользовательский интерфейс при нажатии на фон, используйте модальное окно вместо всплывающего окна. Надеюсь, это решит вашу проблему.
http://ionicframework.com/docs/api/service/ $ ionicModal /
Иногда модальное окно - это не то, что нам нужно. Модальное окно займет весь экран на мобильных экранах.
Итак, я создал Сервис, чтобы можно было закрыть всплывающее окно, щелкнув фон, и сделал его доступным на Github: https://github.com/mvidailhet/ionic-close-popup
Чтобы упростить жизнь людям, которым нужна эта функция, я сделал ее доступной в реестре bower.
Установите его с помощью Bower:
$ bower install ionic-close-popup
Включите модуль ionic.closePopup в зависимости вашего приложения:
angular.module('app', ['ionic', 'ionic.closePopup'])
Зарегистрируйте вновь созданное всплывающее окно в сервисе closePopupService:
var alertPopup = $ionicPopup.alert({
title: 'Alert popup',
template: 'Tap outside it to close it'
});
IonicClosePopupService.register(alertPopup);
Вот Codepen, показывающий живой код: http://codepen.io/mvidailhet/pen/JYwYEE
Похожие вопросы
Новые вопросы
jquery
jQuery — это библиотека JavaScript. Также рассмотрите возможность добавления тега JavaScript. jQuery — это популярная кросс-браузерная библиотека JavaScript, которая упрощает обход объектной модели документа (DOM), обработку событий, анимацию и взаимодействие AJAX, сводя к минимуму расхождения между браузерами. Вопрос с тегом jQuery должен быть связан с jQuery, поэтому jQuery должен использоваться рассматриваемым кодом, и в вопросе должны быть как минимум элементы, связанные с использованием jQuery.