如何在ngbAccordion上的ngbPanelTitle内插入另一个click事件

时间:2018-11-12 13:14:43

标签: angular angular6 accordion

我在ngbPanelTitle中又添加了一个click事件。点击事件是在chrome浏览器(我可以看到控制台日志)上触发的,而不是在Mozilla firefox和IE 11 / Egde上触发的。

您可以在手风琴-basic.html和手风琴-basic.ts中看到以下代码

<ngb-accordion #acc="ngbAccordion" activeIds="ngb-panel-0">
 <ngb-panel>
   <ng-template ngbPanelTitle>
     <span>&#9733; <b>Fancy</b> title &#9733;</span>
     <span (click)="headerClick()">inside title</span>
   </ng-template>
   <ng-template ngbPanelContent>content here</ng-template>
</ngb-panel>
</ngb-accordion>

编辑:运行项目时,作为输出,我可以在浏览器中看到此标签(<ng-template ngbPanelTitle></ng-template>)成为h5标签内的按钮标签。因此我无法触发按钮标记中的点击事件(在Firefox上)。

演示-https://stackblitz.com/edit/angular-swevh2

我的项目在Angular 6.0.7和ngBootstrap 3.3.1之上运行

0 个答案:

没有答案