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

Question

有HTML代码：

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

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

我试过了：

ng-click="addClass($event)"

Angular JS：

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

Answer 1

你可以ng-class保留一个scope变量，该变量将在ng-class表达式中使用，当你有ng-class这样的指令时，不需要使用jQuery这让你的生活变得轻松。

<强>标记

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