Добавление и удаление класса из родительского div AngularJS

У меня есть 3 коробки, каждая со своей кнопкой. Кнопка используется для свертывания родительского div путем добавления к родительскому классу «свернутого». У меня есть добавляемые классы, но мне нужно заставить их работать независимо от других ящиков, так что box1 не будет задействован, если он будет закрыт, и я нажму на box2, и то же самое будет с ящиком 3. Они будут только когда-либо открываться и закройте их соответствующий div, но добавив и удалив класс только из этого родительского блока.

Я установил и пример здесь

<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 ng-class angularjs-scope angularjs-ng-click
person Daimz    schedule 08.08.2014    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Поскольку вам нужно отслеживать состояние ящиков независимо, для этого вам понадобятся 3 переменные. Смотрите мой обновленный копепен

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
person Chandermani    schedule 08.08.2014