Action Sheets
http://ionicframework.com/docs/v2/components/#action-sheets
Action Sheets
从设备底部屏幕滑出,可以显示一些选项如确定或取消。Action Sheets
有时候被用来作为菜单,但不应该被用来导航。
Action Sheets
经常显示在页面其他组件的上面,并且必须在触摸其他内容的时候消失。当Action Sheets
被触发的时候,页面其他内容将会变暗,使用户聚焦于Action Sheets
的选项上。
更多内容请查看API文档。
基本用法
import { ActionSheetController } from 'ionic-angular';
export class MyPage {
constructor(public actionSheetCtrl: ActionSheetController) {
}
presentActionSheet() {
let actionSheet = this.actionSheetCtrl.create({
title: 'Modify your album',
buttons: [
{
text: 'Destructive',
role: 'destructive',
handler: () => {
console.log('Destructive clicked');
}
},{
text: 'Archive',
handler: () => {
console.log('Archive clicked');
}
},{
text: 'Cancel',
role: 'cancel',
handler: () => {
console.log('Cancel clicked');
}
}
]
});
actionSheet.present();
}
}