如何在 ng-click 之后添加 class CSS 到父元素？

Question

有HTML个代码：

<div>
  <span>
    <input ng-click="addClass()" type="checkbox"> 
  </span>
</div>

如何在单击输入后将 CSS class 添加到父元素 div？

我试过：

ng-click="addClass($event)"

Angular JS:

$scope.addClass = function (event){
   event.parent('div').addClass('active');
}

Answer 1

你可以 ng-class 在你的情况下，维护一个将在 ng-class 表达式中使用的 scope 变量，当你有指令时不需要使用 jQuery喜欢 ng-class 让您的生活变得轻松。

标记

<div ng-class="{active: active}">
  <span>
    <input ng-click="active!= active" type="checkbox"> 
  </span>
</div>

How to add class CSS after ng-click to parent element?