Action Sheet, или список действий - это выдвигающаяся панель, которая позволяет пользователю выбирать нужное действие из предлагаемого набора опций.
Опасные опции подсвечиваются красным цветом, их сразу очень хорошо видно.

Убрать с экрана список действий очень легко, можно коснуться фоновой области за пределами списка или, например, нажать кнопку "escape" на клавиатуре с рабочего стола.

 

Action Sheet

Применение

Чтобы список действий Action Sheet работал в вашем коде, воспользуйтесь сервисом $ionicActionSheet и контроллерами Angular.

angular.module('mySuperApp', ['ionic'])
.controller(function($scope, $ionicActionSheet, $timeout) {

 // Triggered on a button click, or some other target
 $scope.show = function() {

   // Show the action sheet
   var hideSheet = $ionicActionSheet.show({
     buttons: [
       { text: '<b>Share</b> This' },
       { text: 'Move' }
     ],
     destructiveText: 'Delete',
     titleText: 'Modify your album',
     cancelText: 'Cancel',
     cancel: function() {
          // add cancel code..
        },
     buttonClicked: function(index) {
       return true;
     }
   });

   // For example's sake, hide the sheet after two seconds
   $timeout(function() {
     hideSheet();
   }, 2000);

 };
});

Методы

 

show(options)

Загрузка и возврат нового списка действий.

Будет создана новая область действия идентификатора для
списка действий, и новый элемент добавится в тело.

Параметр

Тип

Описание

опции

object объект

Опции для этого Action Sheet. Свойства:

  • [Object]buttons Определяет, какую из кнопок требуется отображать. Каждая кнопка является объектом с текстовым полем.
  • {string}titleText Заголовок (или символическое имя), который нужно отображать в списке действий.
  • {string=}cancelText Текст для кнопки 'cancel' (отмены действия) в списке действий.
  • {string=}destructiveText Текст для 'danger' (опасности) в списке действий.
  • {function=}cancel Вызывается, если нажата кнопка отмены действия (cancel button), произошло касание фона или нажата аппаратная кнопка "Назад" (back button).
  • {function=}buttonClicked Вызывается, когда нажимается одна из кнопок бездестурктивного действия, с указанием индекса кнопки, которая была нажата, и объектом кнопки. Возврат значения "true" будет означать закрытие списка действий, а "false" будет держать его открытым.
  • {function=}destructiveButtonClicked Вызывается, когда нажимается кнопка бездестурктивного действия. Возврат "true" будет означать закрытие списка действий, а "false" будет держать его открытым.
  • {boolean=}cancelOnStateChange Определяет, закрыть ли список действий при переходе в новое состояние. По умолчанию "true".
  • {string}cssClass Пользовательское имя CSS-класса.
  • Возвращает:
    functionhideSheet Функция, которая при вызове скрывает или отменяет список действий.