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

<select>
  <option value="1">&#xf007; Option 1</option>
  <option value="2">&#xf0c0; Option 2</option>
  <option value="3">&#xf06e; Option 3</option>
</select>

<select>
  <option value="1" class="icon-option option1">Option 1</option>
  <option value="2" class="icon-option option2">Option 2</option>
  <option value="3" class="icon-option option3">Option 3</option>
</select>

.icon-option.option1 {
  background-image: url('option1.png');
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
}

.icon-option.option2 {
  background-image: url('option2.png');
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
}

.icon-option.option3 {
  background-image: url('option3.png');
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
}