각도 2 - 부트 스트랩 - 접기

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}}"