Ionic에서 알림 상자 외부를 클릭할 때 알림 상자를 닫지 않는 방법

Ionic에서 알림 상자 외부를 클릭할 때 알림 상자를 닫지 않는 방법

저는 이온 2 앱을 만들고 있으며 다음 구성 요소를 사용하고 있습니다.

http://ionicframework.com/docs/components/ #http://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();
  }
}

상자 밖을 클릭할 때 알림이 해제되지 않도록 하려면 어떻게 해야 합니까?

아이오닉 2/3:

Alert Controller 문서에서 볼 수 있듯이 다음을 사용할 수 있습니다.enableBackdropDismiss(vmx) 알림을 생성할 때 옵션:

BackdropDismiss 활성화:배경을 눌러 경보를 해제할지 여부입니다.기본 참

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/5:

Ionic 4/5에서 이 속성의 이름이 다음으로 변경되었습니다.backdropDismiss:

backgedDismiss:참인 경우 배경을 클릭하면 경고가 해제됩니다.

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

ionic 4에서 옵션 이름이 다음으로 변경되었습니다.

backdropDismiss: false

경고 Ctrl.create 옵션에서 enableBackdropDismiss: false를 설정합니다.

언급URL : https://stackoverflow.com/questions/44709702/how-to-not-dismiss-the-alert-box-when-clicking-outside-of-it-on-ionic