从父div AngularJS添加和删除类

我有3个盒子，每个盒子都有自己的按钮。该按钮用于通过向父级添加“collapsed”类来折叠其父级div。我已经完成了添加的类，但是我需要让它们独立于其他框工作，这样，如果关闭了框1，我就不会影响框2，框3也是如此。他们只会打开和关闭各自的div，但只会从父框中添加和删除类

我树立了榜样

---

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

该项目现在看起来像这样

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

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