当单击另一个下拉菜单时，下拉菜单中缺少离子选择的项目

Question

我的页面中有三个下拉菜单，所有下拉菜单都从 Web 服务获取数据。页面加载时一切都很酷。当我打开所有下拉菜单时，它们都会获得正确的数据。

但是当我 select 下拉菜单中的一个项目然后点击另一个下拉菜单到 select 它的项目时，我 select 编辑的项目的第一个下拉菜单丢失了，就像我没有 select之前的任何东西。你能帮我解决这个问题吗

<tr>
    <td>

        <select id="3089" ng-model="x.x" ng-options="x.y for x in listx track by x.x">
            <option value="">{{x.y}}</option>
        </select>

    </td>
</tr>
<tr>
    <td>

        <select id="3090" ng-model="x.x" ng-options="x.yfor x in listxx track by x.x">
           <option value="">{{x.y}}</option>
        </select>

    </td>
</tr>
<tr>
    <td>

        <select id="3091" ng-model="x.x" ng-options="x.yfor x in listxxx track by x.x">
            <option value="">{{x.y}}</option>
        </select>

    </td>
</tr>

Answer 1

因为您已经用相同的 ngModel 定义了所有 select 字段：

ng-model="x.x"

对 select 的任何更改都会导致对 $scope.x.x 的更改。

这就是它表现如此的原因:)

所以你必须在每个ngModel上设置不同的变量。