Ionic 4 modal backdrop dismiss

Question

I want to disable modal dismiss when you click outside the modal. I’ve tried many different examples but didn’t work.

async openExtras(){ let modal = await this.modalCtrl.create({ component: ExtrasPage, cssClass: 'extras' }); modal.present(); }

Answer 1

Just add backdropDismiss attribute and set it to false

async openExtras(){ 
    let modal = await this.modalCtrl.create({ 
       component: ExtrasPage, 
       backdropDismiss:false,
       cssClass: 'extras' 
    }); 
    modal.present(); 
}