Angularjs変数をHTML入力IDに渡すにはどうすればいいですか？

Question

私はangularjs NG-繰り返しこのようにチェックボックスを追加している：「入札」は「名前」と「ID」プロパティを持つ配列です

<div class="checkbox-circle" ng-repeat="t in tenders"> 
    <input type="checkbox" checklist-model="contratacion.select" checklist-value="t.id" id="t.id"> 
    <label for="t.id">{{t.name}}</label> 
</div> 

。問題は、入力のid値がループ内で変化していないため、結果のチェックボックスのid値が同じであることです。 ID値を入力に間違って渡していますか？ "t.id"が入力IDで変更されることを期待するのは間違っていますか？

Answer 1

あなたは通常のテキストのために使用する非角度の属性、すなわち内同じ中括弧表記を使用します。

<div class="checkbox-circle" ng-repeat="t in tenders"> 
    <input type="checkbox" checklist-model="contratacion.select" checklist-value="t.id" id="{{t.id}}"> 
    <label for="{{t.id}}">{{t.name}}</label> 
</div> 

Answer 2

はい、あなたは間違っているだろう。これはidが標準の属性であるからです。t.idは単純に単純です。この値を予想されるIDに変換するには、Angularの場合、補間：id="{{t.id}}"を使用する必要があります。

使用しようとしていた方法は、ディレクティブ（たとえばchecklist-value）が許可する特定の属性に対してのみ有効な角度式です。それ以外の場合は、値を評価するために{{<expression>}}方法を使用する必要があります。