Bootstrap 3手風琴菜單：停止打開面板，同時打開頁面

Question

我正在使用Booststrap組件開發Angular JS 1.5應用程序。 我在側邊欄上有一個基於此的手風琴菜單：

http://bootsnipp.com/snippets/QXqM1 （不是我的代碼）

當我打開菜單並選擇菜單項時，頁面已加載（為此，我正在使用香草角JS路由。

如果然后從手風琴打開另一個菜單，即單擊菜單標題，則菜單打開，上一個折疊，但加載的頁面改變。

我想要的是僅在單擊某個項目時才加載頁面，而不是在打開菜單時才加載頁面。

這是角度問題還是css或bootstrap問題，我該如何解決？

在此先感謝您的幫助或指點。

Answer 1

好，謝謝大家的熱烈響應；-)

我找到了一個解決方案：現在，我不再使用href作為子菜單標題，而是使用data-target。 Bootstrap解釋數據目標，這樣就不會調用Angular JS路由。

這樣，可以在不影響視圖的情況下打開和關閉菜單。 href標記僅保留在應顯示任何內容的菜單項上。