如何在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是truthy."

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