Question

我正在使用下拉菜单在AngularJS中开发一个应用程序。作为下拉列表的默认值，我将其设置为“选择目的”。它在Chrome，Firefox和其他IE浏览器中显得很好。

仅在IE10中，它显示2个字符串，即“选择目的选择目的”。

有人早些时候遇到过这个问题吗？有人可以提供一些指示，说明为什么会发生这种情况或如何解决这个问题？

这是我的代码段：

<select id="purpose_combo" ng-model="selectedFile.data.purpose" class="form-control"
            ng-disabled="selectedFile.purposeChoice == 'primary' || !selectedFile">
      <option selected hidden value="" translate>Select a Purpose</option>
      <option ng-repeat="item in purposeList" value="{{item}}"
              ng-selected="item == selectedFile.data.purpose">{{item}}</option>
</select>

由于

Answer 1

尝试使用ng-options：

<select id="purpose_combo" ng-model="selectedFile.data.purpose" class="form-control"
        ng-disabled="selectedFile.purposeChoice == 'primary' || !selectedFile"
        ng-options="item for item in purposeList">
  <option value="">Select a Purpose</option>
</select>

文本在IE10中显示两次

1 个答案: