Angular 扩展面板在扩展模式下单击任意位置，调用 mat-expansion 单击事件

Question

我正面临垫扩展面板的问题。 见 stackblitz

我为第 2 节的点击添加了控制台日志。

步骤：单击第 2 节展开并单击段落文本，将调用单击事件。 我们可以在控制台日志中看到这对我来说是个大问题，因为我的实时应用程序会访问数据库

问题：如何阻止这种不需要的事件触发。

Answer 1

您可以监听opened和closed事件，而不是监听click事件。

<mat-expansion-panel #panel2 [hideToggle]="hideToggle" [disabled]="disabled" (opened)="print($event);" (closed)="print($event);">

通过这种方式，您可以避免从面板的子元素触发点击事件。