$ionicActionSheet
作者:本站编辑 发布时间:2015-11-24 来源:本站原创
点击数:
有简便的方式可以取消操作表，例如点击背景，在桌面电脑测试时，按ESC键也可以。
用法
在你的代码中触发一个操作表，在angular控制器中用 $ionicActionSheet服务：
angular.module('mySuperApp', ['ionic']) .controller(function($scope, $ionicActionSheet) { // 点击按钮触发，或一些其他的触发条件 $scope.show = function() { // 显示操作表 $ionicActionSheet.show({ buttons: [ { text: '<b>Share</b> This' }, { text: 'Move' }, ], destructiveText: 'Delete', titleText: 'Modify your album', cancelText: 'Cancel', buttonClicked: function(index) { return true; } }); }; });方法
show(opts)
加载并返回一个新的操作表。
针对操作表的一种新的隔离范围将被创建，新的元素会附加进body内。
| 参数 | 类型 | 详情 |
|---|
| opts | 对象 | 操作表的选项。属性： [Object] 按钮 显示的按钮。每个按钮都是一个带有文字的对象。
{string} 标题文字 在操作表上显示的标题。
{string=} 取消文字 操作表上'取消'按钮的文字。
{string=} 警告文字 操作表上'警告'的文字。
{function=} 取消 当点击取消按钮或点击背景时触发。
{function=} 点击按钮 当非警告按钮之一被点击时触发，带有索引的按钮被点击和按钮对象。返回true则关闭操作表，或false则保持打开。
{function=} 点击警告按钮 当警告按钮被点击时触发。返回true则关闭操作表，或false则保持打开。
|