I am trying to embed some collapsible panels in a ngRepeat.
This is what I have:

<div class="panel panel-default" ng-repeat="element in elements">

 <div class="panel-heading">

  {{element.name}}

  <button value="Collapse" ng-click="element.isCollapsed != element.isCollapsed"></button>

 </div>

 <div class="panel-body" collapse="element.isCollapsed">

  Content

 </div>

</div>

Now, when I click on the button, the collapse doesn't work.

From the documentation I understand that the repeater creates a scope for every element.

And the attribute collapse of the panel-body should get the same scope, right?

It seems that the scope.$watch in the collapse directive is not working properly.