Angular - 如何将图标放在 html 选择选项中

Question

我有一个显示帐户列表的组件。我不仅要显示帐号，还要显示带有国旗图标或图像的货币。

这是我的组件：

<select name="drpAccounts" class="form-control"[(ngModel)]="accountSelected" (change)="handleChangedDrpAccount($event)">
    <option *ngFor="let account of accounts" [ngValue]="account">
        {{ account.formattedNumber }}
    </option>
</select>

我在 github 上找到了许多库项目，但我想要一些简单的东西。 提前致谢。

编辑：

用这段代码做了一些证明

<select name="drpAccounts" class="form-control" [(ngModel)]="accountSelected" (change)="handleChangedDrpAccount($event)">
    <option style="background-image:url(assets/img/country-flag.png);" *ngFor="let account of accounts" [ngValue]="account">
        {{ account.formattedNumber }}
    </option>
</select>

我意识到当我将样式放在选择标签中时它可以工作

<select style="background-image:url(assets/img/country-flag.png);" ... >

这是我不想要的

Answer 1

这与 angular oder typescript 无关。这是一个与 html/css 相关的主题。也许这会有所帮助：

How to add a images in select list