Я работаю с Bootstrap 4 и Angular 6 .
Я пытаюсь показать Bootstrap Modal .
В app.component проблем нет. Но с вложенными элементами это шатко.
Вот демоверсия .
Это происходит, когда <app-chapter> является дочерним элементом элемента <li>.
Как требование к логике программирования, содержание модальной главы и кнопка, открывающая модальную главу, должны быть в ChapterComponent. Как требование дизайна, кнопка, открывающая главу Модальная, должна быть в элементе <li>.
Если этот шаткий модал неизбежен с элементом <li>. Где я должен написать содержание главы Модал?
А почему происходят эти шаткие события?