动作表
操作表从设备屏幕的底部边缘向上滑动,并显示一组具有确认或取消操作的选项。 操作表有时可以用作菜单的替代品,但是不应该用于导航。
操作表始终显示在页面上方的任何其他组件上方,并且必须被关闭才能与基础内容进行交互。 当它被触发时,页面的其余部分变暗以给予更多关注“动作表”选项。
有关更多信息,请查看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();
}
}
图示: