如何在选择选项中添加字体真棒图标

Question

我正在尝试在选择选项中添加fontawesome图标。

<select name="personList">
   <option *ngFor="let person of personList">{{person.name}}<i class="fa 
       fa-user" aria-hidden="true"></i></option>
</select>

Answer 1

  

选择选项中的图标

您无法在i代码中添加option代码。

相反，你可以在select to font awesome上设置字体系列：

select {
  font-family: 'FontAwesome'
}

然后使用您想要的图标的字符点，例如对于fa-user（http://fontawesome.io/icon/user/）：

<option>Hi, &#xf007;</option>