Меню подтягивания (таблица действий) позволяет пользователю выбирать параметры через всплывающее поле.
Очень опасные варианты будут распознаны в выделенном красном. Вы можете исчезнуть, нажав кнопку «Отмена» или нажав пустое пространство.
Пример
HTML -код
<body ng-app = "стартер" ng-controller = "actionsheetctl"> <yon-pane> <yon-content> <h2 ng-click = "show ()"> Лист действий </h2> </on-content> </yon-pane> </body>
Код JavaScript
Запуск меню подтягивания в коде требует услуги $ ionicactionsheet в вашем угловом контроллере:
Angular.Module ('Starter', ['' Ionic ']). Run (function ($ ionicplatform) {$ ionicplatform.ready (function () {// Скрыть панель аксессуаров по умолчанию (удалить это, чтобы показать панель Acsessours Ape The Keyboard // для ввода формы) if (window.cordova && windcordova.plugins. {cordova.plugins.keyboard.hidekeyboardaccessorybar (true);} if (window.statusbar) {statusbar.styledefault ();}});}). Controller ('actionSheetCtl', ['$ Scope', '$ IonicActionSheest', '$ Timeout' Timeout ' , function ($ scope, $ ionicactionsheet, $ timeout) {$ scope.show = function () {var hidesheet = $ ionicactionsheet.show ({кнопки: [{text: '<b> share </b> this'}, {text: 'Move'}], Destructivetext: 'delete', titelext: 'modify album: 'Cancel', cancel: function () {// Добавить код отмены ..}, buttonclicked: function (index) {return true;}}); $ timeout (function () {hidesheet ();}, 2000);};Эффект работы заключается в следующем:
Полный исходный код:
<html><head><meta charset="utf-8"><meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"><title></title><link href="http://cdn.bootcss.com/ionic/1.3.1/css/ionic.min.css" rel = "styleSheet"> <script src = "http://cdn.bootcss.com/ionic/1.3.1/js/ionic.bundle.min.js"> </script> <script type = "text/javascript"> angular.module ('Starter', ['Ionic']. {$ ionicplatform.ready (function () {// скрыть панель аксессуаров по умолчанию (удалить это, чтобы показать панель аксессуаров над клавиатурой // для вводов формы) if (window.cordova && window.cordova.plugins.keyboard) {cordova.plugins.keyboard.hidekeyboard. {Statusbar.styledefault ();}});}). Controller ('actionsheetctl', ['$ scope', '$ ionicactionsheet', '$ timeout', function ($ scope, $ ionicactionsheet, $ timeout) {$ scope.show = function: {var hidesheet = $ yionshactshetsheet. '<b> share </b> this'}, {text: 'Move'}], DestructivEtext: 'delete', titletext: «изменить свой альбом», CancelText: 'Cancel', Cancel: function () {// Добавить код отмены ..}, buttonClicked: function (index) {return True;}); $; 2000);};Выше приведено соответствующее знание кода экземпляра ионного меню (ActionSheet), представленного вам редактором. Я надеюсь, что это будет полезно для вас!