制作带角度4的侧面菜单式手风琴

Question

我试图使用Bootstrap实现手风琴侧面菜单，但我似乎无法正确使用，我在app.component中导入了bootrap我可以看到它已经很好地导入了手风琴看起来很好，但子菜单不会出现，我点击第1项，例如它在网址中显示为目标但没有显示任何内容。
谢谢 。
这是基于＆＃34; list-group-item＆＃34;的Bootstrap类。
这是一个在角度

下不会坍塌的例子

<div class="panel-group">
<div class="panel panel-default">
<div class="panel-heading">
  <h4 class="panel-title">
    <a data-toggle="collapse" href="#collapse1">Collapsible list group</a>
  </h4>
</div>
<div id="collapse1" class="panel-collapse collapse">
  <ul class="list-group">
    <li class="list-group-item">One</li>
    <li class="list-group-item">Two</li>
    <li class="list-group-item">Three</li>
  </ul>
  <div class="panel-footer">Footer</div>
</div>