CODEWITHSUNDEEP
javascripthtmlangularjs
ChilBud
ChilBud

Reputation: 195

Angularjs - MultiSelect dropdown options not displayed in IE

My application has a multiselect dropdown which displays countries. This drop down is displaying properly in Chrome and in IE it displays options as below:

enter image description here

I am using below code (tried changing value in select to ng-value and not worked)-

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>

Upvotes: 1

Views: 557

Answers (1)

Tyler
Tyler

Reputation: 1039

You can use ng-options instead of doing an ng-repeat on the option element itself. The general format for this is [option value] as [option text] for [option] in [list of options].

.html

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

Upvotes: 1

Related Questions