切换按钮不触发面板扩展

【问题标题】：Toggle button not to trigger panel expansion切换按钮不触发面板扩展
【发布时间】：2021-08-24 23:06:55
【问题描述】：

我想在扩展面板的描述部分放置切换按钮。当它们与扩展面板交互时会做出反应。与切换按钮交互时，如何防止触发扩展面板？我在这里提供了示例https://angular-ivy-he4grl.stackblitz.io

【问题讨论】：

【解决方案1】：

您的事件冒泡到面板标题，为了防止这种冒泡，您可以使用event.stopPropagation() 停止事件的传播。在您的情况下，我只是为每个按钮添加了一个点击事件：

<mat-button-toggle
  value="bold"
  (click)="$event.stopPropagation()"
>
    Bold
</mat-button-toggle>

【讨论】：