angularjs - 如何在 Angular js 中的更改时向复选框的父元素添加/删除类

Question

我有一个包含复选框项目的列表，选择该复选框后我想向父李添加一个类。我怎样才能实现这个目标。

我是 Angular 新手。

<ul>
 <li><input type="checkbox" name="fruits[]" value="1">Apple</li>
 <li class="active"><input type="checkbox" name="fruits[]" value="2" checked>Orange</li>
 <li><input type="checkbox" name="fruits[]" value="3">Pear</li>

</ul>

选择复选框后，我想将事件类添加到父 li

Answer 1

您可以使用ng-class来做到这一点:

<ul>
 <li ng-class="{active: orange}"><input type="checkbox" ng-model="orange" name="fruits[]" value="2" checked>Orange</li>
</ul>

{active: Orange} 的意思是:“只有在 orange 为真时才添加 active 类。”

ng-model 双向绑定(bind)复选框的值。这为您提供了一个变量orange以在 Angular 上下文中使用。