Смежные темы: ionicModal controller.

Модальное окно - это панель с контентом, которая временно может появиться поверх основного вида представления пользователя.Обычно используется для совершения выбора или редактирования элемента (пункта).

Поместите контент модального окна внутрь элемента <ion-modal-view>.

Примечание:
Модальное окно будет транслировать события ‘modal.shown’, ‘modal.hidden’, and ‘modal.removed’ из инициирующей его области видимости, передавая себя в качестве аргумента события. Оба события - и modal.removed, и modal.hidden
вызываются тогда, когда модальное окно убрано.

  • Этот пример предполагает, что ваше модальное окно находится в главном файле индекса или другом файле-шаблоне. Если оно находится в своем собственном
    файле-шаблоне, уберите теги script и назовите его по имени файла.

Usage

<script id="my-modal.html" type="text/ng-template">
  <ion-modal-view>
    <ion-header-bar>
      <h1 class="title">My Modal title</h1>
    </ion-header-bar>
    <ion-content>
      Hello!
    </ion-content>
  </ion-modal-view>
</script>
angular.module('testApp', ['ionic'])
.controller('MyController', function($scope, $ionicModal) {
  $ionicModal.fromTemplateUrl('my-modal.html', {
    scope: $scope,
    animation: 'slide-in-up'
  }).then(function(modal) {
    $scope.modal = modal;
  });
  $scope.openModal = function() {
    $scope.modal.show();
  };
  $scope.closeModal = function() {
    $scope.modal.hide();
  };
  //Cleanup the modal when we're done with it!
  $scope.$on('$destroy', function() {
    $scope.modal.remove();
  });
  // Execute action on hide modal
  $scope.$on('modal.hidden', function() {
    // Execute action
  });
  // Execute action on remove modal
  $scope.$on('modal.removed', function() {
    // Execute action
  });
});

Методы

fromTemplate(templateString, options)

Параметр

Тип

Описание

templateString

(string)

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

options

(object)

Опции, которые передаются методом ionicModal#initialize.

  • Возвращает:
    object Экземпляр контроллера ionicModal.

fromTemplateUrl(templateUrl, options)

Параметр

Тип

Описание

templateUrl

(string)

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

options

(object)

Опции, которые должны передаваться методу ionicModal#initialize. Объект опций.

  • Возвращает:
    promise Обещание, которое будет выполнено с помощью экземпляра
    контроллера ionicModal.