Javascript 如何在ng单击到父元素后添加类CSS?

Javascript 如何在ng单击到父元素后添加类CSS?,javascript,css,angularjs,angularjs-ng-click,ng-class,Javascript,Css,Angularjs,Angularjs Ng Click,Ng Class,有HTML代码: <div> <span> <input ng-click="addClass()" type="checkbox"> </span> </div> 角JS: $scope.addClass = function (event){ event.parent('div').addClass('active'); } 您可以ng class在您的情况下,维护一个范围变量,该变量将在ng class

有HTML代码:

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

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

您可以
ng class
在您的情况下,维护一个
范围
变量,该变量将在
ng class
表达式中使用,当您具有类似
ng class
的指令时,无需使用jQuery,这使您的生活变得轻松

标记

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


我在
ng视图中使用HTML模板
这里的代码不起作用。我得到错误:
TypeError:g.setClass不是控制台中的函数
,我看到了在没有value@Hamed您无法在控制台中看到更改的值。请过来。我将指导您具体需要执行的操作。我做了如下操作:
@Hamed您能来聊天吗
<div ng-class="{active: active}">
  <span>
    <input ng-click="active!= active" type="checkbox"> 
  </span>
</div>