我正在使用Bootstrap 4和Angular 6。
我正在尝试显示Bootstrap Modal。
在app.component中没有问题。但是，如果使用嵌套元素，那就太不稳定了。
这里是demo。
<app-chapter>是<li>元素的子元素时会发生这种情况。
根据编程逻辑的要求，章节模式的内容和打开章节模式的按钮应位于ChapterComponent中。根据设计要求，打开“章节模式”的按钮应位于<li>元素中。
如果使用<li>元素不可避免地需要这种不稳定的模态。我应该在哪里写“模态”一章的内容？
为什么发生这种不稳定的事件？