AngularJs ng-repeatのブートストラップパネルのリンク名を動的に変更します。

Question

AngularJs ng-repeatで動的に増分するためにブートストラップパネルの折りたたみを設定するにはどうすればよいですか？言い換えれば

、この変更：

data-target="#collapseOne"、 この：ような何かに <div id="collapseOne">

を（sudoのコードを気）：

この： data-target="#collapse" + "+=" これは： <div id="collapse" + "+=">

<div ng-repeat="product in products"> 
    <div class="panel-group"> 
     <div class="panel panel-default"> 
      <div class="panel-heading"> 
       <h4 class="panel-title"> 
        <a data-toggle="collapse" data-target="#collapseOne">{{product.productName}}</a> 
       </h4> 
      </div> 
      <div id="collapseOne" class="panel-collapse collapse"> 
       <div class="panel-body">{{product.productDescription}}</div> 
       <div class="panel-footer">Panel Footer</div> 
      </div> 
     </div> 
    </div> 
</div> 

Answer 1

あなたは角度でそれをバインドするng-attrを使用することができます。

<a ... ng-attr-data-target="{{'#collapseOne' + yourId}}"> 
    {{product.productName}} 
</a> 

あなたはng-repeatで作業している場合は、このIDを設定するために$indexを使用することができます。
すべての属性に対して機能します。