角度付きng-repeat複数行のテーブル

Question

この表には、各行に選択ボックスがあります。問題は、ある選択ボックスで変更を加えると、すべてが同じ値を示すように変更されるということです。私が必要とするのは、すべての選択ボックスをアンバインドして、それぞれの選択肢を選択できるようにすることです。あなたはそれが定義されています場所それはだから、それは、コントローラのスコープのプロパティを変更しますmappingTypes.nameにバインドするng-modelを使用する場合

<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

：

コードは次のようになります。 mappingTypesはng-repeatのスコープの一部ではないため、スコープの継承チェーンを通過してそこに更新されます。したがって、項目を選択するとmappingTypesはnameプロパティの配列になりました。すべてのアイテムが同じ配列にバインドされるため、すべて同じ値を持ちます。

特定の項目のみをng-repeatに変更する場合は、item.mappingのようなものを使用してください。 item以外のものを変更すると、コントローラのスコープ全体が変更されます。