如何使用離子框架在選擇選項中使用圖像和名稱下拉下拉菜單？

Question

我想列出國家的選擇選項與國家國旗。 解決方案請

Answer 1

這可能會幫助你。

<div class="form-group"> 
<label class="control-label">Destination</label> 
<input type="text" name="cdCountry" class="form-control" required /> 

<script> 
$("[name='cdCountry']").select2({ 
    placeholder: "Select a country", 
    formatResult: function (country) { 
     return $(
      "<span><i class=\"flag flag-" + country.id.toLowerCase() + "\"></i> " + country.text + "</span>" 
     );; 
    }, 
    data: yourDataSource 
}); 

雅，請不要忘了使用CSS庫（CSS和精靈）https://www.flag-sprites.com/