Bootstrap 3 accordion菜单:阻止打开的面板同时打开页面

Question

我正在开发一个使用Booststrap组件的Angular JS 1.5应用程序。我在侧边栏上有一个基于以下内容的手风琴菜单：

http://bootsnipp.com/snippets/QXqM1 (不是我的代码)

当我打开一个菜单并选择菜单项时，页面就被加载了(为此，我使用了香草角度JS路由。

如果我随后从折叠面板中打开另一个菜单，即单击菜单标题，该菜单将打开，前一个菜单会折叠，但加载的页面会发生变化。

我想要的是只有当一个项目被点击，而不是当一个菜单被打开时，页面才会加载。

这是一个角度问题，还是css或引导问题，我该如何解决它？

提前感谢您在这方面的任何帮助或指示。

Answer 1

感谢大家的热烈反响;-)

我找到了一个解决方案:我现在使用data-target代替href作为子菜单标题。Bootstrap解释data-target，这样就不会调用Angular JS路由。

这样，可以在不影响视图的情况下打开和关闭菜单。href标记只保留在菜单项上，这些菜单项应该显示所有内容。