2016-12-23 72 views
1

我添加複選框,像這樣angularjs NG-重複:如何將Angularjs變量傳遞給html輸入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值。我錯誤地將id值傳遞給了輸入嗎?希望在輸入ID中更改「t.id」是否錯誤?

回答

2

使用非角屬性中的一樣大括號的符號,你會使用普通文本,即:

<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> 
1

是的,你就錯了;這是因爲id是一個標準屬性,其中t.id僅僅是一個簡單的屬性。對於Angular將此值轉換爲預期的ID,您需要使用插值:id="{{t.id}}"

您嘗試使用的方法是一個僅適用於特定屬性的Angular表達式,其中指令(例如checklist-value)允許;否則你需要使用{{<expression>}}的方式來評估你的價值。