javascript - 通过 ng-view 包含时，带有 bootstrap 3 手风琴的 AngularJS 不起作用

Question

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

如果在没有 ng-view 的页面本身中使用手风琴，则手风琴可以完美运行

任何线索我错过了什么？

score 40 · Accepted Answer

实际上，可能有一个更简单的解决方案。

您只需确保链接不会传播 URL 更改。

添加到a标签onclick="return false;"

score 15 · Accepted Answer

您可以清空href=""并使用

data-target="#collapse"相反，这对我有用

IE

<a data-toggle="collapse" data-parent="#accordion" href="" 
data-target="#collapse1">Collapsible Group 1</a>

score 8 · Accepted Answer

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

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

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

在此处查看一些文档

其他方法是使用angular-ui组件，但尚未移植到支持版本 3 的引导程序。

score 1 · Accepted Answer

我在同时使用 href 和 data-target 时遇到了问题，因此如果您在应用程序中使用它，我建议您指定其中之一，但不要同时指定两者。

当我同时使用两者时，我一点击就会被重定向到我的登录页面。指定一个或另一个，它工作正常，但不能同时使用。

4 回答 4