ionic-framework/demos/component-docs/popups/basic/pages.ts

import {Page, Popup} from 'ionic/ionic';
import {AndroidAttribute} from '../../helpers';
import {forwardRef} from 'angular2/angular2';


@Page({
    templateUrl: 'popups/basic/template.html',
    directives: [forwardRef(() => AndroidAttribute)]
})
export class BasicPage {

  constructor(popup: Popup) {
    this.popup = popup;
  }

  doAlert() {
    this.popup.alert({
        title: "New Friend!",
        template: "Your friend, Obi wan Kenobi, just accepted your friend request!",
        cssClass: 'my-alert'
    });
  }

  doPrompt() {
    this.popup.prompt({
      title: "New Album",
      template: "Enter a name for this new album you're so keen on adding",
      inputPlaceholder: "Title",
      okText: "Save"
    });
  }

  doConfirm() {
    this.popup.confirm({
      title: "Use this lightsaber?",
      template: "Do you agree to use this lightsaber to do good across the intergalactic galaxy?",
      cancelText: "Disagree",
      okText: "Agree"
    });
  }

  onPageWillLeave() {
    let popup = this.popup.get();
    // only try to close if there is an active popup
    if (popup) {
      popup.close();
    }
  }

}