Question

我有一个动态生成的html表，它根据显示的记录添加行。我添加了一个包含下拉列表的列。我使用了ng-options，但每次更改一条记录时，其余的都会更新。尝试将其更改为ng-repeat并获得相同的结果。请参阅以下代码：

        <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-repeat：

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

我知道这两个目前正在显示两个不同的东西（一个是一组连接的值，另一个是juts一个）。但我的主要兴趣是弄清楚如何让每个<td>拥有自己的下拉列表而不影响其余的行。

Answer 1

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

您需要为每一行定义不同的一行。

你这样做：

.xlsx

但你需要这样的东西：

ng-model="$ctrl.selectedRC"

其中$ index是您对该行的引用。

在nog选项Angular中下拉值复制

1 个答案: