Désactiver le clic en dehors de la zone de dialogue de matériel angulaire pour fermer la boîte de dialogue (avec Angular Version 4.0+)

Question

Je travaille actuellement sur la page de réinitialisation du mot de passe d'un projet Angular 4. Nous utilisons Angular Material pour créer la boîte de dialogue, cependant, lorsque le client clique en dehors de la boîte de dialogue, elle se ferme automatiquement. Existe-t-il un moyen d'éviter la fermeture de la boîte de dialogue jusqu'à ce que notre code appelle la fonction "fermer"? Ou comment devrais-je créer une boîte de dialogue non fermable?

Answer 1

Je sais que c'est vieux de quelques années, mais ne pouvez-vous pas utiliser backdrop: 'static' pour désactiver le clic à l'extérieur et keyboard: false pour désactiver l'échappement ?

Docs faire défiler un peu jusqu'à la section modale. Je suis assez sûr que c'est bon pour Angular 4+.

Exemple bidon :

import { BsModalRef, BsModalService } from "ngx-bootstrap/modal";

@Component({
  // Configuration...
})

export class ModalExample {
  modalRef: BsModalRef;

  constructor(
    private modalService: BsModalService, 
  ) { }

  ngOnInit(): void {

  }

  public openConfirmationModal(submitClaimResult: SubmitDealerClaimResult) {
    this.modalRef = this.modalService.show({backdrop: 'static', keyboard: false });
  }

}