使用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 。 一旦發現上一個問題中的錯誤，這並不困難。