通过NG-视图包括不工作时的引导3手风琴AngularJS [英] AngularJS with bootstrap 3 accordion not working when included via ng-view
问题描述
问题是:当我用手风琴在在NG-观点指令加载的观点,手风琴标题点击不正常工作了。
The problem is the following: As soon as I use the accordion in a view that is loaded in the ng-view directive, the accordion title clicks dont work correctly anymore
<一个href=\"http://plnkr.co/edit/KGwuqDIb7I5NrYCtPOPk?p=$p$pview\">http://plnkr.co/edit/KGwuqDIb7I5NrYCtPOPk?p=$p$pview
如果手风琴是页面本身没有NG-视图使用,手风琴完美的作品
If the accordion is use in the page itself with no ng-view, the accordion works perfectly
<一个href=\"http://plnkr.co/edit/8dY7JU1kxjZ2jAKmMIrP?p=$p$pview\">http://plnkr.co/edit/8dY7JU1kxjZ2jAKmMIrP?p=$p$pview
任何线索,以什么即时通讯失踪?
Any clue to what Im missing?
推荐答案
的问题是,引导追加 #according_name
中的 A
标记。这会触发AngularJS路由和由于路由变化的test.html
重新装上每点击手风琴链接。
The problem is that Bootstrap appends #according_name
within a a
tag. This triggers a AngularJS routing and due to route change test.html
is loaded again on every click on accordian link.
您的选择是尝试配置 $ locationProvider
使用HTML5模式hashbag,如果它的工作原理
Your options are to try to configure $locationProvider
to use HTML5 mode with hashbag if it works
$locationProvider.html5Mode(true).hashPrefix('!');
其他的将是使用角UI组件,但一直没有移植到支持引导版本3。
Other would be to use angular-ui component but it has been not ported to support version 3 of bootstrap.
这篇关于通过NG-视图包括不工作时的引导3手风琴AngularJS的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!