html - 在 Angular js 中，如何在多选中使选定的选项加粗

Question

在 Angular 中，如果我选择香蕉和苹果 - 如何使此选项看起来粗体并更改背景？

Answer 1

您可以使用 ngClass 执行此操作看下面的例子:

<select ng-model="myModel">
    <option ng-class="{'bg-orange' : myModel == 1}" ng-value="1">Orange</option>
    <option ng-class="{'bg-blue' : myModel == 2}" ng-value="2">Blue</option>
    <option ng-class="{'bg-black' : myModel == 3}" ng-value="3">Black</option>
</select>

要更改背景选项，您可以使用普通的 css:

.bg-orange{
    background-color: orange;
}
.bg-blue{
    background-color: blue;
}
.bg-black{
    background-color: black;
}

更新

看看这个答案:select-dropdown-bold-on-some-options