angularjs - 将 font-awesome 图标添加到由 ng-repeat 创建的选择中的一个选项

Question

是否可以根据是否与 ng-repeat 中返回的数据中的某个设置匹配，将图标添加到下拉列表中的选项？

我有以下选择，并且该选择中的选项是通过 ng-repeat 创建的，该 ng-repeat 将从数据库中拉回的数据记录中删除。

<select id="playListOpt" class="form-control"
        ng-model="playlistItem.selectedObjectId"
        ng-change="resetModal()" ng-required="true">
    <option role="option" value="0" selected>
      @Resources.L_LMS_ActDetails.CreateNewPlaylist
    </option>
    <option role="option" ng-repeat="playlistItem in playlistDataForActivity"
            value="{{playlistItem.Id}}">                                        
      {{playlistItem.Name}}
    </option>
</select>

当它遍历 playlistDataForActivity 时，是否可以找到 IsDefault = 1 的项目并在该选项旁边添加一个图标？

这通过使用 ng-style 属性更改设置为“默认”的选项的颜色来工作。添加 FontAwesome 图标的最佳方式是什么？

<select id="playListOpt" class="form-control"
        ng-model="playlistItem.selectedObjectId" ng-change="resetModal()"
        ng-required="true">
    <option role="option" value="0">
      @Resources.L_LMS_ActDetails.CreateNewPlaylist
    </option>
    <option role="option" ng-repeat="playlistItem in playlistDataForActivity" 
            ng-style="playlistItem.IsDefault && {'color' : 'red'}"
            value="{{playlistItem.Id}}">
      {{playlistItem.Name}}
    </option>
</select>