我正在尝试在我的应用程序中实现ng-bootstrap手风琴
<ngb-accordion [closeOthers]="true" activeIds="config-panel-one">
<div *ngFor="let parent of parentsInfo;let j = index">
<ngb-panel>
<ng-template ngbPanelTitle>
<div role="button" (click)="collapseExpand(parent)">
{{parent.folderName}}
<span class="fa fa-chevron-right" [ngClass]="{'fa-chevron-down':parent.isExpand, 'fa-chevron-right':!parent.isExpand}"></span>
</div>
</ng-template>
<ng-template ngbPanelContent>
{{parent.filename}}
</ng-template>
</ngb-panel><br>
</div>
</ngb-accordion>
我只是想根据扩展与崩溃设置雪佛龙。单击函数collapseExpand(parent)设置标志“isExpand”
上面的功能在Chrome浏览器中工作正常,但它在IE中不起作用。在Internet Explorer中不会触发collapseExpand函数。任何人都可以让我知道如何解决它。
我正在使用“@ ng-bootstrap / bootstrap”:“^ 4.0.0”,angular 7
问题:首先ngb-accordian中有一个默认按钮,现在从你的代码中(ngb-accordian)看到模板下的div它只是忽略它并继续前进。
解决方案:我们可以通过其他方式使用按钮代替div,如下所示:
<ng-template ngbPanelTitle>
<button class="btn btn-link" (click)="collapseExpand(parent)">
{{parent.folderName}}
<span class="fa fa-chevron-right" [ngClass]="{'fa-chevron-down':parent.isExpand, 'fa-chevron-right':!parent.isExpand}"></span>
</button>
</ng-template>
祝一切顺利。