import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams, MenuController, AlertController } from 'ionic-angular';

@IonicPage()
@Component({
  selector: 'page-terms-and-conditions',
  templateUrl: 'terms-and-conditions.html',
})
export class TermsAndConditionsPage {

  constructor(public navCtrl: NavController,
              public navParams: NavParams,
              public menu: MenuController,
              private alertController: AlertController) {
  }

      showBasicAlert() {
        let basicAlert = this.alertController.create({
          title: 'Ionic alert',
          subTitle: 'ionic alert details',
          buttons: ['OK']
        });
        basicAlert.present();
  }
}

<ion-header>
    <ion-navbar>
      <ion-title>Alert Controller</ion-title>
    </ion-navbar>
</ion-header>

  <ion-content padding>
    <ion-item-group>
      <ion-item-divider color="light">Basic Alerts</ion-item-divider>
         <button ion-button full (click)="showBasicAlert()">Basic</button>
    </ion-item-group>
  </ion-content>

import { NgModule } from '@angular/core';
import { IonicPageModule, IonicModule } from 'ionic-angular';
import { TermsAndConditionsPage } from './terms-and-conditions';

@NgModule({
  declarations: [
    TermsAndConditionsPage,
  ],
  imports: [
    IonicPageModule.forChild(TermsAndConditionsPage),
    IonicModule
  ],
  exports: [
    TermsAndConditionsPage
  ]
})
export class TermsAndConditionsPageModule {}