角度材质图标按钮会波动但不会触发点击

Question

我注意到有角材质图标按钮周围有某种边距，单击时波纹效果会触发，但单击处理程序不会。

我已经在Safari，Firefox，Chrome和Edge（尚未测试其他浏览器）中复制了此图片

问题示例：https://stackblitz.com/edit/angular-xgyutl

这是@ angular / material中的错误还是我做错了什么？如果是这样，有什么方法可以确保在不触发点击处理程序的情况下也不会触发波纹？

Answer 1

您应该将click事件绑定在按钮元素中，而不是在图标中。 将模板更改为：

<button (click)="showHelp($event)" mat-icon-button>
   <mat-icon>help_outline</mat-icon>
</button>