角ng選項添加圖標

Question

我想寫一個選擇國家的下拉列表，是否有可能在國名旁邊添加國家名？

<div class="chosen-input-group col-sm-10 "> 
     <select id="country_type" chosen data-placeholder="-- 國家 --" disable-search="false" 
       ng-options="country_.country_id as country_.name for country_ in vm.country_data" 
       ng-model="vm.item.country_id"> 
      <option value=""> -- 國家 --</option> 
     </select> 
    </div> 

Answer 1

你可以在選項標籤使用NG-重複，然後根據你想要它

<select > 
    <option ng-repeat="country_ in vm.country_data" 
    value="country_.country_id" 
    style="background-image:url({{country_.name}}.png);"> 
    {{ country_.name }} 
    </option> 
</select> 

Answer 2

它使用與選擇本地選擇是不可能的。 ，看一下https://github.com/angular-ui/ui-select

Soruce：Angular select with images