Bootstrap 3 手风琴菜单：停止面板打开同时打开页面

Question

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

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

当我打开一个菜单并选择加载页面的菜单项时（我为此使用香草 Angular JS 路由。

如果我从手风琴打开另一个菜单，即单击菜单标题，菜单打开，前一个折叠但加载的页面发生变化。

我希望页面仅在单击项目时加载，而不是在打开菜单时加载。

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

在此先感谢您提供任何帮助或指点。

Answer 1

感谢您的热烈响应；-)

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

这样可以打开和关闭菜单而不影响视图。 href 标记仅保留在应该显示任何内容的菜单项上。