Angularjs UI在ngRepeat中崩溃

Question

我试图在ngRepeat中嵌入一些可折叠面板.这就是我所拥有的:

<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>

现在,当我点击按钮时,折叠不起作用.从文档中我了解到,转发器为每个人创建了一个范围element.并且collapse面板体的属性应该具有相同的范围,对吧？看来,scope.$watch在collapse指令不能正常工作.或者也许我做错了什么？

谢谢

Answer 1

请检查更新的小提琴:http: //jsfiddle.net/nZ9Nx/9/

我创建了应用程序并在其中注入了ui-bootstrap以使崩溃正常工作.

angular.module('test', ['ui.bootstrap']);