選擇角ng-repeat多行表

Question

所以我有這個表，每行都有選擇框。問題是，當我在一個選擇框中進行更改時，所有這些更改顯示相同的值。我需要的是取消綁定所有選擇框，以便能夠在每個選擇框上進行不同的選擇。

代碼是這樣：

<tr ng-repeat="item in userMappings.items" ng-model="item.mapped"> 
    <td class="col-md-3" ng-model="mappingType.name"> 
    {{item.idsport}}, Game Type {{item.idgametype}}, {{item.name}} (Current limit {{item.value}}) 
    </td>     
    <td class="col-md-3 mapType" style="padding-bottom: 25px; padding-left: 15px" > 
    <h4>Mapping Type: <span style="font-size:0.8em">{{selectedType}}</span> </h4> <br /> 
    <select ng-model="mappingType.name" ng-change="which($index); selectedRow()" ng-options="item.name for item in mappingType"></select> 
    </td> 
</tr> 

Answer 1

當您使用ng-model綁定到mappingTypes.name它會修改控制器範圍的財產，因爲這是它的定義在哪裏。 mappingTypes不是ng-repeat範圍的一部分，所以它通過範圍繼承鏈並在那裏更新它。所以當你選擇一個物品時，mappingTypes現在是一個name屬性的數組。所有的項目綁定到同一個數組，因此它們都具有相同的值。

如果您只想更改ng-repeat中的特定項目，則應該使用類似item.mapping之類的內容。如果修改除item以外的任何內容，它將修改整個控制器的範圍。