折叠导航我到新页面

Question

我的问题是崩溃形式不起作用。我从角度2更新我的应用程序Angular 4，我认为这是导致问题。

如果我点击可折叠项目，它会导航到带有data.parent_id属性的新页面。我希望如果我点击标题并显示“可折叠”内容。

我不确定index.html上的链接是否运行良好，但我会尝试尽我所能。

（我有app.module.ts和子模块，称为仪表板模块，是什么呈现此组件）

document.component.html：

counting_range

的index.html

<div class="container">
<div *ngFor="let data of data.data">
  <div class="panel-group">
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" href="#{{data.parent_id}}">ID:{{data.parent_id}} SUBJECT:{{data.subject}}</a>
      </h4>
    </div>
    <div id="#{{data.parent_id}}" class="panel-collapse collapse">
      <div class="row">
      <div class="col-sm-10">
      <div class="panel-body">Id: {{data.parent_id}}</div>
      </div>
      </div>   
    </div>
  </div>
</div>
</div>
</div>