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

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  constructor(public alertCtrl: AlertController) {
  }

  async presentAlert() {
    const alert = await this.alertCtrl.create({
      header: 'Оповещение',
      message: 'Мой первый App, который показывает оповещение!',
      buttons: ['OK']
    });

    await alert.present();
  }
}

<ion-header>
  <ion-toolbar>
    <ion-title>
      Оповещение (alert)
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>
  <button ion-button (click)="presentAlert()">Показать оповещение!</button>
</ion-content>