使用AngularJS手风琴展开/折叠所有功能

Question

我正在使用Angular UI手风琴，我正在尝试添加一个切换按钮，该按钮将展开和折叠面板。目前，只有当用户点击标题时，面板才会打开。我添加的按钮切换变量＆＃39; isopen＆＃39;是真还是假，但它似乎不起作用。

这是我的代码：

 <button ng-click="isopen =!isopen">expand/collapse</button> {{isopen}}
<accordion close-others="false">     

      <accordion-group is-open="isopen" ng-repeat="site in groups">
           <accordion-heading ng-click="isopen = !isopen">
           hey {{isopen}}
           </accordion-heading>
            hello
       </accordion-group>
</accordion>

这是一个吸血鬼：

http://plnkr.co/edit/8AkWUxzOir5NNoA0fT5R?p=preview

当用户点击面板标题时，它应该只打开该面板。切换按钮有望扩展并折叠它们。

Answer 1

您的$scope手风琴内部发生了变化。解决方案是将此属性附加到$ scope。

上的对象中

请参阅工作小提琴here。

更新了plunkr。一旦你在上一个问题中发现了你的错误，这并不困难。