Bootstrap 3手风琴菜单:打开面板也打开页面

时间:2016-10-02 17:16:41

标签: javascript css angularjs twitter-bootstrap angular-ui-bootstrap

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

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

当我打开菜单并选择菜单项时,页面已加载(我正在使用vanilla angular JS routing。

如果我再从手风琴打开另一个菜单,即单击菜单标题,菜单打开,前一个菜单会折叠,但加载的页面会更改。

我想要的是仅在单击某个项目时才加载页面,而不是在打开菜单时加载。

是这个和角度问题还是css或bootstrap问题,我该如何解决?

提前感谢您提供任何帮助或指示。

1 个答案:

答案 0 :(得分:0)

非常感谢压倒性的反应; - )

我找到了一个解决方案:我现在使用数据目标而不是使用href作为子菜单标题。 Bootstrap解释数据目标,这样就不会调用Angular JS路由。

通过这种方式,菜单可以打开和关闭,而不会影响视图。 href标签仅保留在应显示任何内容的菜单项上。