Смежная тема: контроллер ionicPopover.
Вспомогательный экран (popover) - это вид, который всплывает над контентом приложения. Вспомогательные экраны обеспечивают легкий способ представления или сбора информации от пользователя.
Обычно они используются в следующих ситуациях:
- При показе более развернутой информации о текущем виде
- При выборе часто используемого инструмента или конфигурации
- При представлении списка действий, которые должны выполняться внутри одного из ваших видов
Поместите контент вспомогательного экрана внутрь элемента <ion-popover-view>
.
Применение
<p>
<button ng-click="openPopover($event)">Open Popover</button>
</p>
<script id="my-popover.html" type="text/ng-template">
<ion-popover-view>
<ion-header-bar>
<h1 class="title">My Popover Title</h1>
</ion-header-bar>
<ion-content>
Hello!
</ion-content>
</ion-popover-view>
</script>
angular.module('testApp', ['ionic'])
.controller('MyController', function($scope, $ionicPopover) {
// .fromTemplate() method
var template = '<ion-popover-view><ion-header-bar> <h1 class="title">My Popover Title</h1> </ion-header-bar> <ion-content> Hello! </ion-content></ion-popover-view>';
$scope.popover = $ionicPopover.fromTemplate(template, {
scope: $scope
});
// .fromTemplateUrl() method
$ionicPopover.fromTemplateUrl('my-popover.html', {
scope: $scope
}).then(function(popover) {
$scope.popover = popover;
});
$scope.openPopover = function($event) {
$scope.popover.show($event);
};
$scope.closePopover = function() {
$scope.popover.hide();
};
//Cleanup the popover when we're done with it!
$scope.$on('$destroy', function() {
$scope.popover.remove();
});
// Execute action on hide popover
$scope.$on('popover.hidden', function() {
// Execute action
});
// Execute action on remove popover
$scope.$on('popover.removed', function() {
// Execute action
});
});
Методы
fromTemplate(templateString, options)
Параметр |
Тип |
Описание |
templateString |
строка |
Строка шаблона, которую нужно использовать в качестве контента вспомогательного экрана. |
options |
объект |
Параметры, которые должны передаваться в метод инициализации. |
- Возвращает:
object
ЭкземплярionicPopover
контроллера (ionicPopover построен поверх $ionicPopover).
fromTemplateUrl(templateUrl, options)
Параметр |
Тип |
Описание |
templateUrl |
строка |
Адрес URL, указывающий, откуда нужно загружать шаблон. |
options |
объект |
Параметры, которые должны передаваться в метод инициализации. |
- Возвращает:
promise
Обещание, которое будет разрешено с экземпляром
контроллераionicPopover
(ionicPopover построен поверх $ionicPopover).