Модал ngBootstrap не отображается, если только после второго щелчка - PullRequest
Новая
       21

Модал ngBootstrap не отображается, если только после второго щелчка

0 голосов
/ 09 ноября 2018

Я создал модальный компонент с именем ImportCardModalComponent. Этот компонент должен быть открыт, если вход не выполнен. как следует: 

this.authSerivce.logInRegular(this.model).then(result => {
      console.log(result);
    }, error => {
      var importModal = this.modalService.open(ImportCardModalComponent);

    });

Проблема заключается в том, что диалоговое окно не появляется, если я дважды не нажму кнопку на экране и дважды не запущу службу. При первом нажатии на кнопку элементы DOM добавляются успешно, но без css class в <ngb-modal-backdrop> and <ngb-modal-window>. Как показано ниже. The classes are not defined Во второй раз, когда я нажимаю на кнопку, classes отображаются правильно. Как показано ниже: enter image description here

Модал ДОЛЖЕН иметь class ="modal-backdrop fade show" в элементе фона. Как и class="modal fade show d-block" в элементе окна.

Я пытался использовать modalService с NgbModalOptions backdropClass и windowClass, но безуспешно работал с первого раза.

Если я переместу открытый модальный сервис за пределы отклоненного обратного вызова, он будет работать нормально.

Любая помощь очень ценится.

...