Question

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

我提到了这个链接，但对我这个解决方案没什么帮助 AngularJS with bootstrap 3 accordion not working when included via 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来实现一些悬停效果。

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

1 个答案: