Feature request: change NgbModalRef's options after the modal is opened

It would be nice to be able to change the properties of the opened modal such as backdrop or beforeDismiss. I need to change the backdrop based on a conditional promise so that the user cannot close the modal when such condition is true.

[benouat]

Another try 😃

import { Component, Input } from '@angular/core';
import { NgbActiveModal, NgbModal } from '@ng-bootstrap/ng-bootstrap';

@Component({
  selector: 'ngbd-modal-content',
  template: `
    <div class="modal-header">
      <h4 class="modal-title">Hi there!</h4>
      <button type="button" class="close" aria-label="Close" (click)="activeModal.dismiss('Cross click')">
        <span aria-hidden="true">&times;</span>
      </button>
    </div>
    <div class="modal-body">
      <p>Hello, {{name}}!</p>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-outline-dark" (click)="closeWithAnimation()">{{allowDismiss ? 'Close' : 'Please wait 5 seconds...'}}</button>
    </div>
  `
})
export class NgbdModalContent {
  @Input() name;

  allowDismiss = true;

  constructor(public activeModal: NgbActiveModal) {}

  closeWithAnimation() {
    if (this.allowDismiss) {
      console.log('preventing modal to be dismissed');
      this.allowDismiss = false;

      // Do your post request in here
      setTimeout(() => {
        this.allowDismiss = true;
        console.log('modal can be dismissed again');
      }, 5000);
    }
  }
}

@Component({
  selector: 'ngbd-modal-component',
  templateUrl: './modal-component.html'
})
export class NgbdModalComponent {
  constructor(private modalService: NgbModal) {}

  open() {
    const modalRef = this.modalService.open(NgbdModalContent, {
      beforeDismiss: () => modalRef.componentInstance.allowDismiss
    });
    modalRef.componentInstance.name = 'World';
  }
}

See live version here: https://stackblitz.com/edit/angular-6xqy8s-modal-prevent-dismiss

[EpaXapate]

@benouat Not for my specific use case. What I need is to open the modal like you normalli would and once inside said modal I would make a post request. While that promise is resolving I need to disable the backdrop and keyboard click events so the user can’t close the modal.