angular ui bootstrap - AngularJS-UI 手风琴指令不适用于 ng-view

Question

我正在尝试将Angular-ui引导手风琴集成到我的应用程序中。如果我把它放在没有ng-view的情况下，它可以正常工作，但是如果我把手风琴放在其他一些html文件中并通过ng-route提供程序加载ng-view，手风琴将无法工作

我提到了这个链接，但这个解决方案对我没有帮助带有引导 3 手风琴的 AngularJS 在通过 ng-view 包含时不起作用

这是 plunker 链接。如果有人可以解决这个笨蛋？

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

谢谢

Answer 1

事实上，你参考的答案中给出的答案是正确的。这仅与模板中的 A 标记相关，该标记具有您不想触发的默认操作。

像这样更改模板：

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 来实现一些悬停效果。