0

我有一個動態生成的html表,它根據顯示的記錄添加行。我添加了一個包含下拉列的列。我爲它使用了ng-options,但每次更改一條記錄時,其餘的都會更新。嘗試將其改爲ng-repeat並獲得相同的結果。請參見下面的代碼:在nog選項中下拉值重複角度

 <td>  

     <select class="form-control" ng-model="$ctrl.selectedRC" ng- options="r.ccd as (r.OName + ' -- '+ r.RCName) for r in $ctrl.RC track by r.ccd"> </select> 
<!--if I have 5 records, all dropdowns in the table change --> 
    </td> 

採用NG-重複:

<select class="form-control" ng-model="$ctrl.selectedRC" <option value="" ng-selected="true">--Select one--</option> 
         <option ng-repeat="r in $ctrl.RC" 
         value="{{r.OName}}" 
         ng-selected="{{r.OName === selectedRC}}">{{r.RCName}} 
         </option> 

         </select> 

我知道這兩個正在顯示兩個不同的東西(一個級聯組值,另一凸狀部之一)。但我的主要興趣是弄清楚如何讓每個<td>都有自己的下拉菜單,而不影響其餘的行。

回答

1

只是因爲你對所有行使用相同的ng模型。

您需要爲每一行定義一個不同的。

你這樣做:

ng-model="$ctrl.selectedRC"

,但你需要的東西是這樣的:

ng-model="$ctrl.selectedRC[$index]"

其中$指數是參考了該行。

+0

請參閱我創建的這個jsbin示例:http://jsbin.com/pasixujica/edit?html,js,output – eliagentili

+0

謝謝!但是現在我無法顯示我的選擇,因爲它消失了:( – eagleEye

+0

你能粘貼你的代碼嗎? – eliagentili