10

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

http://plnkr.co/edit/KGwuqDIb7I5NrYCtPOPk?p=preview

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

http://plnkr.co/edit/8dY7JU1kxjZ2jAKmMIrP?p=preview

任何线索我错过了什么?

4

4 回答 4

40

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

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

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

于 2014-02-10T22:42:32.387 回答
15

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

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

IE

<a data-toggle="collapse" data-parent="#accordion" href="" 
data-target="#collapse1">Collapsible Group 1</a>
于 2016-02-19T12:59:11.293 回答
8

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

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

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

在此处查看一些文档

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

于 2013-09-14T17:51:52.853 回答
1

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

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

于 2016-11-19T08:02:47.937 回答