从父 div AngularJS 添加和删除一个类答案

【问题标题】：Adding and removing a class from parent div AngularJS从父 div AngularJS 添加和删除一个类
【发布时间】：2014-10-01 11:25:23
【问题描述】：

我有 3 个盒子，每个盒子都有自己的按钮。该按钮用于通过向父级添加“折叠”类来折叠其父级 div。我已经添加了正在添加的类，但我需要让它们独立于其他框工作，因此如果 box1 关闭并且我单击 box2 并且框 3 也是如此，它们只会打开并关闭它们各自的 div，但仅从该框父级添加和删除该类。

我已经设置和示例here

<div ng-class="{'collapsed':1==collapsed}" class="box box-1"><a ng-click="click(1)" class="btn btn-primary"><span class="caret"></span></a></div>
<div ng-class="{'collapsed':2==collapsed}" class="box box-2"><a ng-click="click(2)" class="btn btn-primary"><span class="caret"></span></a></div>
<div ng-class="{'collapsed':3==collapsed}" class="box box-3"><a ng-click="click(3)" class="btn btn-primary"><span class="caret"></span></a></div>

【问题讨论】：

标签： angularjs angularjs-directive angularjs-scope angularjs-ng-click ng-class

【解决方案1】：

由于您需要独立跟踪框的状态，因此需要 3 个变量。查看我更新的 copen

http://codepen.io/anon/pen/xyrHL

该项目现在看起来像这样

.box.box-1(ng-class="{'collapsed':collapsed1}")
    a.btn.btn-primary(ng-click="collapsed1=!collapsed1;click(1)")
      span.caret

【讨论】：