Angularjs - IE中未显示MultiSelect下拉选项

Question

我的应用程序有一个显示国家/地区的多选下拉列表。此下拉列表在Chrome中正常显示，在IE中显示如下选项：

我正在使用下面的代码（尝试在select-ng值中更改值而没有工作） -

HTML

<select multiple name="multiCountries" ng-model="vm.country.countryList">
   <option ng-repeat="option in vm.country.filteredList" value="{{option.value}}">{{option.label}}</option>
</select>

Answer 1

您可以使用ng-options而不是对选项元素本身执行ng-repeat。其一般格式为[选项值]，作为[选项列表]中[选项]的[选项文本]。

<强> html的

<select multiple name="multiCountries" ng-model=vm.country.countryList" ng-options="option.value as option.label for option in vm.country.filteredList"></select>