如何将图像添加到 Angular（模板驱动形式）中的 select 选项字段？

Question

我正在使用 ng-bootstrap 和 Angular 9 开展一个项目。客户在 select 下拉列表中的选项旁边请求信用卡图像。 需要在多个浏览器中工作。 下面的代码来自我的 form.component.html 文件。 欢迎任何和所有推荐的解决方案。

 <form>
<label>Card Type: </label>
      <select class="form-control">
        <option>Visa</option>
        <option>MasterCard</option>
        <option>American Express</option>
</select>
</form>

Answer 1

不幸的是，不能在选项内放置 HTML 标记，因此您不能在选项元素内放置图像或其他元素。

此外，此问题是副本的副本。

go 有几种方法可以解决第一个链接中解释的问题，因此您应该看到哪种方法适用于您的项目。

很抱歉无法提供直接的解决方案。

亲切的问候。