typescript IF_04_20_Actionsheet_TS

Posted 2021-05-20

import { Component } from '@angular/core';
import { ActionSheetController } from '@ionic/angular';

@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage {

  constructor(public actionsheetCtrl: ActionSheetController) {

  }

  async showActionsheet() {

    let actionsheet = await this.actionsheetCtrl.create({
      header: "Options",
      subHeader: "Select an option",
      buttons: [{
        text: "Delete",
        icon: "trash",
        role: "destructive",
        handler: () => {
          console.log("You tapped on Delete button");
        }
      }, {
        text: "Edit",
        icon: "create",
        handler: () => {
          console.log("You tapped on Edit button");
        }
      }, {
        text: "Share",
        icon: "share",
        handler: () => {
          console.log("You tapped on Rename button");
        }
      }, {
        text: 'Cancel',
        icon: 'close',
        role: 'cancel',
        handler: () => {
          console.log('Cancel clicked');
        }
      }]
    });
    actionsheet.present();

  }

}