angular7 - 如何在离子选择选项前添加国家标志图标？

Question

我正在创建 Ionic 4 plus Angular 应用程序，因为我正在为国家使用离子选择下拉菜单。现在我想在国家名称前面添加国家标志图标。下面的代码显示了我正在尝试的内容。

<ion-select class="dropdownselection" placeholder="PROVINCIA" interface="popover">
                  <ion-select-option value="A Coruña">
                    <ion-icon src="/assets/icons/man.svg"></ion-icon> A Coruña
                  </ion-select-option>
                  <ion-select-option value="Álava">Álava</ion-select-option>
                  <ion-select-option value="Albacete">Albacete</ion-select-option>
                  <ion-select-option value="red">D</ion-select-option>
                </ion-select>

标签： angular7ionic4

Answer 1

我知道在 Ionic 3 中没有添加图标的可靠方法。我不确定 Ionic 4，但我使用这个插件，它很棒。

这是一个例子。

这个插件的另一个巨大好处是您可以异步搜索大量数据。