Saltar al contenido

Cómo no descartar el cuadro de alerta al hacer clic fuera de él en Ionic

Si te encuentras con algo que no entiendes puedes dejarnos un comentario y haremos todo lo posible de ayudarte tan rápido como podamos.

Solución:

Iónico 2/3:

Como puede ver en los documentos de AlertController, puede usar el enableBackdropDismiss (booleano) opción al crear la alerta:

enableBackdropDismiss: si la alerta debe descartarse tocando el fondo. Por defecto
true

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

Iónico 4/5:

En Ionic 4/5 esta propiedad ha sido renombrada como backdropDismiss:

telón de fondoDescartar: Si truela alerta se descartará cuando se haga clic en el fondo.

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

En ionic 4 la opción ha sido renombrada a

backdropDismiss: false

Establecer enableBackdropDismiss: false en las opciones de alertCtrl.create

Comentarios y calificaciones

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *