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打字稿无关。这是一个与html / css相关的话题。也许这会有所帮助：

How to add a images in select list