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

【问题标题】：How to add class CSS after ng-click to parent element?ng-click到父元素后如何添加类CSS？
【发布时间】：2015-07-18 20:39:53
【问题描述】：

有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');
}

【问题讨论】：

【解决方案1】：

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

标记

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

【讨论】：

我在 ng-view 中使用 HTML 模板，这里的代码不起作用。我收到错误：TypeError: g.setClass is not a function
在控制台中我看到 class 没有值的变化
@Hamed 你在控制台中看不到改变的值..请到这里chat.stackoverflow.com/rooms/76764/…我会指导你到底需要做什么..
我喜欢：<input type="checkbox" ng-model="formData.major"> <label class="checkbox-label" ng-class="{active: formData.major}"></label>
@Hamed 你能来聊天吗