Смежная тема:  контроллер 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

строка string

Строка шаблона, которую нужно использовать в качестве контента вспомогательного экрана.

options

объект object

Параметры, которые должны передаваться в метод инициализации.

  • Возвращает:
    object  Экземпляр ionicPopover
    контроллера (ionicPopover построен поверх $ionicPopover).

fromTemplateUrl(templateUrl, options)

Параметр

Тип

Описание

templateUrl

строка string

Адрес URL, указывающий, откуда нужно загружать шаблон.

options

объект object

Параметры, которые должны передаваться в метод инициализации.

  • Возвращает:
    promise  Обещание, которое будет разрешено с экземпляром
    контроллера ionicPopover (ionicPopover построен поверх $ionicPopover).