How not to close the notification window when clicking on it outside of Ionic

Question

I am creating an ionic 2 application and using the following component

http://ionicframework.com/docs/components/#alert

  import { AlertController } from 'ionic-angular';

export class MyPage {
  constructor(public alertCtrl: AlertController) {
  }

  showAlert() {
    let alert = this.alertCtrl.create({
      title: 'New Friend!',
      subTitle: 'Your friend, Obi wan Kenobi, just accepted your friend request!',
      buttons: ['OK']
    });
    alert.present();
  }
}

How can I make sure that when I click outside the window, the warning is not rejected?

Answer 1

Ionic 2/3:

As you can see in the AlertController docs , you can use the option enableBackdropDismiss(boolean) when creating an alert:

enableBackdropDismiss : whether to disable the warning by touching the background. True by default

import { AlertController } from 'ionic-angular';

// ...
export class MyPage {

  constructor(public alertCtrl: AlertController) {}

  showAlert() {
    let alert = this.alertCtrl.create({
      title: 'New Friend!',
      subTitle: 'Your friend, Obi wan Kenobi, just accepted your friend request!',
      buttons: ['OK'],
      enableBackdropDismiss: false // <- Here! :)
    });

    alert.present();
  }
}

4:

Ionic 4 backdropDismiss:

backgroundDismiss: true .

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

//...
export class MyPage {

  constructor(public alertController: AlertController) {}

  async showAlert() {
    const alert = await this.alertController.create({
      header: 'Alert',
      subHeader: 'Subtitle',
      message: 'This is an alert message.',
      buttons: ['OK'],
      backdropDismiss: false // <- Here! :)
    });

    await alert.present();
  }
}

Answer 2

ionic 4

backdropDismiss: false

Answer 3

enableBackdropDismiss: false alertCtrl.create

Answer 4

try like this, put this code for your handler handler: () => { console.log(this.viewCtrl.dismiss()); }