typescript IF_04_18_AlertController_TS

Posted 2021-05-20

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

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

  constructor(public alertCtrl: AlertController){

  }

  async showAlert(){

    let alert = await this.alertCtrl.create({
      header: "Login",
      subHeader: "Please login to proceed",
      message: "Enter your username and password",
      inputs: [{
        type: 'text',
        name: "username"
      }, {
        type: 'password',
        name: "password"
      }],
      buttons: [{
        text: "Cancel",
        handler: () => {
          // Do nothing
        }
      }, {
        text: "Proceed",
        handler: (formData) => {
          // formData contains the entered username and password
          console.log(formData);
        }
      }]
    });
    alert.present();

  }

}