Bootstrap модально в Angular 8 компонент не закрывается должным образом - PullRequest
Новая
       35

Bootstrap модально в Angular 8 компонент не закрывается должным образом

0 голосов
/ 17 марта 2020

У меня есть приложение angular 8, где в компоненте по событию щелчка я открываю модальное bootstrap. У меня есть div в файле вида html компонента, и я добавляю html модального bootstrap в div с помощью функции div.inner HTML. 

div.innerHTML = `<div class="modal" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
                                                          <div class="modal-dialog" role="document">
                                                            <div class="modal-content">
                                                              <div class="modal-header">
                                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                  <span aria-hidden="true">&times;</span>
                                                                </button>
                                                              </div>
                                                              <div class="modal-body">
                                                                <h3 class="modal-title">Title</h3>
                                                                <p style="text-align:justify">Body</p>
                                                              </div>
                                                            </div>
                                                          </div>
                                                        </div>`;

При этом я вижу, как открывается модальное событие при щелчке, но нажатие на кнопку закрытия не закрывает модальное окно. Я также добавил сценарии bootstrap (bootstrap .min. js) в индекс. html, все еще не работает. Я также попробовал модальное затухание, добавив «fade» в список классов модального div. Добавление fade вообще не отображает модальное состояние, когда вызывается событие click. Не могли бы вы помочь с этой проблемой. Спасибо

...