Показать дочерний модальный режим на Es c нажатие родительского модального окна: NGX bootstrap - PullRequest
Новая
       31

Показать дочерний модальный режим на Es c нажатие родительского модального окна: NGX bootstrap

0 голосов
/ 17 июня 2020

У меня есть два модальных окна ngx bootstrap в моем приложении, и я использую директивный способ открыть закрытые модальные окна. Теперь, как я могу показать модальное окно подтверждения, когда я нажимаю клавишу Es c или нажимаю кнопку закрытия из родительского модального окна.

Прямо сейчас, когда я нажимаю клавишу es c, родительский модальный сначала закрывается, затем отображается дочернее модальное окно. Есть ли способ предотвратить это?

Компонент Html - 

<div class="modal fade" bsModal #addModal="bs-modal" [config]="addModalConfig" tabindex="-1" role="dialog" aria-labelledby="addModal" (onHide)="handler($event)">
   <p>Parent Modal</p>
</div>


<div class="modal fade" bsModal #warningModal="bs-modal" tabindex="-1" role="dialog" aria-labelledby="dialog-static-name">
   <p>Child Modal</p>
</div>

Компонент ts - 

@ViewChild('addModal', { static: false }) addModal: ModalDirective;
  @ViewChild('warningModal', { static: false }) warningModal: ModalDirective;

public addStoryModalConfig = {
    backdrop: 'false',
    animated : true
}

handler(event: ModalDirective) {
    console.log();
    if(this.addModal.dismissReason == 'esc'){
      this.addStoryModal.config.keyboard = false;
      this.warningModal.show()
    }
}
...