如何在角度4中选择下拉值

Question

我有一个select下拉列表，在这里我需要从API填充选定的值，而其他选项则是硬编码的。选择一个选项时，我需要将其连同图标一起填充。选择之后，所选选项的颜色应为蓝色（文本和图标），并带有一个勾号。我该如何实现。

上图显示了来自API的预填充数据（文本和图标）。

上图显示的是单击下拉菜单时显示的勾号，其中文字和图标颜色发生了变化。 下面是我尝试过的代码。

 <select> 
          <option value="">{{ selectedTransResult.category }}</option>      
          <option value="1">Home</option>
          <option value="2">Transport</option></select>