AngularJS的UI手风琴指令不NG-视图中工作(AngularJS-UI accordion

我试图角UI引导手风琴在我的应用程序集成。 它工作正常，如果我把它放在不NG-的看法，但如果我通过NG-路线提供商把手风琴在其他一些HTML文件，并装载有NG-视图手风琴无法工作

我提到这个链接，但没有帮助我这个解决方案AngularJS通过NG-视图包括不工作时，引导3手风琴

这里是plunker链接。 如果任何人都可以给这个plunker修复？

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

谢谢

Answer 1:

事实上，在你的答案下文称给出的答案是正确的。 这简直是​​相关的标签在你的模板其中有你不想火默认动作。

改变这样的模板：

template:
    '<div class="panel panel-default">'+
    '   <div class="panel-heading">'+
    '       <h4 class="panel-title"><span  data-toggle="collapse" class="accordion-toggle">{{title}}</span></h4>'+
    '   </div>'+
    '   <div class="panel-collapse collapse">'+
    '       <div class="panel-body" ng-transclude>'+
    '       </div>'+
    '   </div>'+
    '</div>',

并使用范围，标签或按钮，而不是A.一个一切正常的。

看到这个分叉Plunker 。

现在，卡恩使用一些额外的CSS来实现一些悬停效果。

文章来源: AngularJS-UI accordion directive not working with ng-view