AngularJS：检查时将复选框列表更改为粗体？答案

【问题标题】：AngularJS: Change checkbox list to bold on check?AngularJS：检查时将复选框列表更改为粗体？
【发布时间】：2021-10-04 18:07:42
【问题描述】：

<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>

试图弄清楚如何在选中复选框时将文本更改为粗体，而在未选中时更改为粗体。提前致谢！

【问题讨论】：

Angular（不是 JS）有 ngClass 指令（angular.io/api/common/NgClass）。也许 AngularJS 也有类似的东西。

标签： html css angularjs

【解决方案1】：

将此附加到我的样式中并且效果很好。

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

【讨论】：

【解决方案2】：

项目是否具有类似 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;
}

【讨论】：