在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

Answer 2

通常，您可以使用<strong>元素封装您的单词，以使文本变为粗体。您可以在元素上添加css类以更改背景。 .myClass{background:red}