Javascript 当通过ng视图包含时，带bootstrap 3手风琴的AngularJS不工作

问题是：只要我在ng view指令中加载的视图中使用手风琴，手风琴标题单击就不再正常工作

如果在页面本身中使用手风琴而没有ng视图，则手风琴可以完美工作

---

有没有关于我遗漏了什么的线索？

问题是引导程序在

标记中根据名称添加了
。这会触发AngularJS路由，并且由于路由更改
test.html
会在每次单击accordian链接时再次加载

您的选项是尝试将
$locationProvider
配置为在hashbag中使用HTML5模式（如果可行）

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

请参阅一些文档

另一种方法是使用组件，但它还没有移植到支持版本3的引导程序中。
实际上，可能有一种更简单的解决方案

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

添加到
a
标记
onclick=“return false；”
您可以清空
href=“”
并使用

data target=“#collapse”
相反，这对我有效

i、 e

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

当我同时使用这两种方法时，我一点击就会被重定向到我的登录页面。使用一个或另一个指定的模式，它可以正常工作，但不能同时使用这两个模式。
嘿，我将.html5模式更改为false，现在它可以工作了！谢谢：）看起来您添加的文档不再可用。你能再添加一个链接吗？@CodedContainer请现在检查。这对我很有用。这可能不是最好的做法，但我已经坚持了几个小时了。谢谢@mfloryan！你刚刚解决了我挣扎了几个小时的问题。非常感谢。接得好，这就是解决方案。谢谢：）很有魅力+如果可以的话。这应该是公认的答案！非侵入性的一般应用程序配置为
html5Mode
，对其他类似组件使用相同属性是一个很好的做法尝试了很多东西后，这是我的解决方案+1这对我帮助很大，即使在切换到html5模式（并重写我的expressJS URL）后，我的手风琴也出现了奇怪的行为——添加
数据目标
并清空我的
href
纠正了所有奇怪的手风琴行为——非常感谢！
<a data-toggle="collapse" data-parent="#accordion" href="" 
data-target="#collapse1">Collapsible Group 1</a>