ionic添加cordova插件-Action Sheet

gzgchzc博客最新更新地址：http://blog.gzvtc.cc/

Action Sheet

显示一个用户可以选择的原生上拉菜单.iOS调用UIActionSheet. Android调用AlertDialog。

cordova plugin add cordova-plugin-actionsheet

方法(Methods)

show(options)

参数 类型 说明

options Object Options的选项

Options 类型 说明

title String 标题

buttonLabels String Array 每个按钮的文本，从1开始

addCancelButtonWithLabel String 如果为空，没有取消按钮。否则，设置取消按钮的文字

androidEnableCancelButton Boolean 显示Android取消按钮，默认为假

winphoneEnableCancelButton Boolean 显示IOS取消按钮，默认为假

addDestructiveButtonWithLabel String 添加一个红色的按钮

返回 整数 - 用户点击的按钮 (第一个按钮索引为1).

Examples

module.controller('ThisCtrl', function($cordovaActionSheet) {

var options = {
title: '你要做什么?',
buttonLabels: ['分享到新浪微博', '分享到朋友圈'],
addCancelButtonWithLabel: '取消',
androidEnableCancelButton: true,
winphoneEnableCancelButton: true,
addDestructiveButtonWithLabel: '删除这个'
};

document.addEventListener("deviceready", function () {

$cordovaActionSheet.show(options)
.then(function(btnIndex) {
var index = btnIndex;
});
}, false);

});