AngularJS:将复选框列表更改为加粗?

Question

<div class='someClass'>
<label ng-repeat="item in itemList">
<input type='checkbox' checklist-model='itemCheckList' checklist-value='item.name'>
<span class='label-text' ng-bind-html="item.name"></span>
</label>
</div>

试图找出如何改变文本加粗时，复选框被选中，而不是未选中时加粗。提前感谢!

Answer 1

item是否有类似isChecked或类似布尔值的属性?ie。item.isChecked。如果是这样，你可以使用angularjs的ng类。

// html 
<span class='label-text' ng-class="{ 'selected': item.isChecked }" ng-bind-html="item.name"></span>
// css
.selected {
font-weight: bold;
}

Answer 2

把它附加到我的样式中，它就成功了。

input[type=checkbox]:checked + span.label-text{
font-weight: bold;
}