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

});
发布了31 篇原创文章 · 获赞 1 · 访问量 5万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览