通过ng-view包含Bootstrap 3手风琴的AngularJS无法正常工作

一尘不染

angularjs

问题如下：在ng-view指令中加载的视图中使用手风琴后，手风琴标题单击不再正常工作

如果在没有ng-view的页面中使用手风琴，则手风琴可以完美工作

我缺少什么线索吗？

阅读 198

2020-07-04

共1个答案

一尘不染

问题是Bootstrap会附加#according_name在a标签内。这会触发AngularJS路由，并且由于更改路由，test.html每次在Accordian链接上单击都会再次加载该路由。

您的选择是尝试配置$locationProvider为将HTML5模式与hashbag一起使用（如果可行）

$locationProvider.html5Mode(true).hashPrefix('!');

在这里查看一些文档

其他方法是使用angular-ui组件，但尚未移植为支持bootstrap的版本3。

2020-07-04