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

Question

我有一个包含复选框项目的列表，在选择复选框时，我想向父 li 添加一个类。我怎样才能做到这一点。

我是 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}俗话说，“只有在真实的情况下才添加课程active。orange”

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