Question

我有3个盒子，每个盒子都有自己的按钮。该按钮用于通过向父级添加“折叠”类来折叠其父级div。我已经添加了类，但是我需要让它们独立于其他盒子工作，这样如果它关闭并且我点击box2就不会影响box1，而盒子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>

Answer 1

由于您需要独立跟踪框的状态，因此需要3个变量。请参阅我更新的copepen

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

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

1 个答案: