Javascript 如何在ionic 4中的select标签上插入图像？

这是我的密码：

home.page.html

选择你的国家
{{country.name}

主页.ts

公共国家/地区：任意=[]；
异步getCountries（）{
等待此消息。http.getcountries（）
.订阅（国家=>{
//console.log（“国家”，国家）；
这个国家=国家；
}，err=>{
//console.log（“err”，err）；
这个国家=错误；
});
}
loadFlags（）{
setTimeout（（）=>{
让国家=这个国家；
//console.log（“获取国家”，国家）；
让radios=document.getElementsByClassName（'alert-radio-label'）；
对于（让索引=1；索引

我想要同样的外观，如下所示：

我已经尝试了所有可能的解决办法。但运气不好

我怎么能有同样的表情？。请尽快引导任何代码。非常感谢

我得到的结果如下图所示：

---

当从选项中选择任何国家时，我需要在“选择”上显示旗帜图像，而不是国家名称。

您可能希望尝试社区开发的解决方案，而不是自己重新发明

我只是搜索了一下，找到了

你可以这样使用它：

<country-picker [flag]="true" [setValue]="'callingCode'" [setName]="'name.common'"></country-picker>

---

您可以在中看到可用字段的完整列表，该列表将其作为灵感来源。

您可以使用CSS作为标志。如果您对上述内容有相同的想法，请提供一些CSS。请参考这些链接，@ryanc it不适用于我。实际上我使用的是爱奥尼亚4。发布您尝试过的最新代码，但该代码目前不起作用。