Angular 2 - Bootstrap - Collapse

Question

我的問題是，如何爲所有摺疊項目創建自己的ID？

問題是，如果我點擊列表中的某個地方總是第一個項目被摺疊。我嘗試給div的data.id，但它不工作。

<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.id}}">{{data.subject}}</a> 
     </h4> 
    </div> 
    <div id="{data.id}}" class="panel-collapse collapse"> 
     <div class="panel-body">{{data.id}}</div> 
     <div class="panel-footer">{{data.name}}</div> 
    </div> 
    </div> 
</div> 
</div> 
</div> 

Answer 1

下面有一個錯誤。

<a data-toggle="collapse" href="#{data.id}}">{{data.subject}}</a> 

這行：

<div id="{data.id}}" class="panel-collapse collapse"> 

花括號在這裏失蹤href="#{data.id}}這裏id="{data.id}}"