How to not dismiss the alert box when clicking outside of it on Ionic

Ionic 2/3:

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

enableBackdropDismiss: Whether the alert should be dismissed by tapping the backdrop. Defaulttrue

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();  }}

Ionic 4/5:

In Ionic 4/5 this property has been renamed to backdropDismiss:

backdropDismiss: If true, the alert will be dismissed when the backdrop is clicked.

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();  }}

In ionic 4 the option has been renamed to

backdropDismiss: false

Set enableBackdropDismiss: false in the alertCtrl.create options