2015-04-21 76 views
1

我正在使用角度UI手風琴,並試圖添加一個切換按鈕,以展開和摺疊面板。目前,面板只有在用戶點擊標題時纔會打開。我添加的按鈕將變量'isopen'切換爲true或false,但似乎不起作用。使用angularJS手風琴展開/摺疊所有功能

這裏是我的代碼...

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

這裏是一個plunker ...

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

讚賞任何幫助 - 謝謝。

編輯:道歉,我應該提到。當用戶點擊面板標題時,它應該只打開該面板。切換按鈕將有望展開和摺疊它們。

回答

6

您的$scope手風琴內部發生了變化。解決方案是將這個屬性附加到$ scope的一個對象上。

查看工作小提琴here

更新plunkr。一旦你在前面的問題中發現你的錯誤,這並不難。你只需要認爲。請做那:)。

+0

感謝您的回答。您示例中的按鈕正在工作,但我希望如果您單擊了特定面板的標題,它只會打開該面板,而不是全部。那可能嗎? –

+0

@Josethehose:更新了它。 – 0xc0de