单击另一个下拉菜单时，下拉列表中缺少离子选定项目

Question

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

但是当我从下拉列表中选择一个项目然后clik到其他下拉列表以选择其项目时，我选择项目的第一个下拉列表丢失，就像我之前没有选择任何内容一样。你能帮我解决这个问题吗

<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定义了所有选择字段：

ng-model="x.x"

任何选择的每次更改都会导致$scope.x.x上的更改。

这就是为什么它的行为如下：）

因此，您必须在每个ngModel上设置不同的变量。