ionic添加cordova插件-Action Sheet

2016-12-22

app

ionic

**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);

});
```