ionic 上拉菜单(ActionSheet)实例代码

前端之家收集整理的这篇文章主要介绍了ionic 上拉菜单(ActionSheet)实例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

上拉菜单(ActionSheet)通过往上弹出的框,来让用户选择选项。

非常危险的选项会以高亮的红色来让人第一时间识别。你可以通过点击取消按钮或者点击空白的地方来让它消失。

实例

HTML 代码

JavaScript 代码

代码中触发上拉菜单,需要在你的 angular 控制器中使用 $ionicActionSheet 服务:

Share This' },{ text: 'Move' } ],destructiveText: 'Delete',titleText: 'Modify your album',cancelText: 'Cancel',cancel: function() { // add cancel code.. },buttonClicked: function(index) { return true; } }); $timeout(function() { hideSheet(); },2000); }; }])

运行效果如下图:

完整源码:

<Meta charset="utf-8"> <Meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width"> @H_301_43@

猜你在找的JavaScript相关文章