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

results matching ""

    No results matching ""