Action Sheet, или список действий - это выдвигающаяся панель, которая позволяет пользователю выбирать нужное действие из предлагаемого набора опций.
Опасные опции подсвечиваются красным цветом, их сразу очень хорошо видно.
Убрать с экрана список действий очень легко, можно коснуться фоновой области за пределами списка или, например, нажать кнопку "escape" на клавиатуре с рабочего стола.
Применение
Чтобы список действий 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)
Загрузка и возврат нового списка действий.
Будет создана новая область действия идентификатора для
списка действий, и новый элемент добавится в тело.
Параметр |
Тип |
Описание |
опции |
|
Опции для этого Action Sheet. Свойства:
|
- Возвращает:
functionhideSheet
Функция, которая при вызове скрывает или отменяет список действий.