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

Question

我正在使用Angular UI手风琴,我正在尝试添加一个切换按钮,它将展开和折叠面板.目前,只有当用户点击标题时,面板才会打开.我添加的按钮将变量'isopen'切换为true或false,但它似乎不起作用.

这是我的代码:

 <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上的对象中.

看这里的工作小提琴.

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