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

Question

There is HTML code:

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

How I can add CSS class to parent element div after click at input?

I tried:

ng-click="addClass($event)"

Angular JS:

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

Answer 1

You could ng-class in your case, maintain a scope variable which will used in ng-class expression, there is no need to use jQuery while you have directive like ng-class which makes your life easy.

Markup

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