如何使用uibootstrap和angularjs摺疊和展開菜單？

Question

首先

二

做到：我想實現這樣的事情，因爲我們可以在上面的截圖，反之亦然看到。例如：每當我點擊「搜索項目列表」鏈接時，它應該像Second screenshot一樣工作，即div應該被展開。只要點擊「使用項目列表搜索」或div外的任何地方，div應該摺疊，即它應該看起來像First截圖。

問題：

1. 每當我點擊鏈接只有自舉類以及擴大和崩潰，但類以及包圍的其他組件不垮像「與項目列表搜索」文本區域，按鈕等，。並且它始終保持展開狀態，您可以在提供的plnkr代碼中看到它。
2. Whenenver我重新加載/刷新頁面，在重新加載/刷新期間總會出現類似Second screenshot的內容，但在頁面完全重新加載/刷新後，它看起來像First Screenshot。當頁面重新加載/刷新時，頁面應該始終顯示爲First Screenshot。
3. 每當我點擊div之外的任何東西，它就像Second Screenshot一樣。需要的是，當我點擊div外的任何地方時，它應該像First Screenshot一樣工作，即它應該崩潰。

Here is my plnkr:Plnkr Link

Answer 1

你可以嘗試這樣做。請檢查一下。可能對你有幫助。 http://angular-ui.github.io/bootstrap/#/accordion