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

项目是否具有属性之类的 isChecked 或类似的布尔值？ IE。 item.isChecked。如果是这样，您可以使用 angularjs ng-class.

// 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;
}

AngularJS: 将复选框列表更改为粗体？

AngularJS: Change checkbox list to bold on check?

html

css

angularjs