Angular Material Icon Button 会产生涟漪，但不会触发点击答案

【问题标题】：Angular Material Icon Button ripples but doesn't fire clickAngular Material Icon Button 会产生涟漪，但不会触发点击
【发布时间】：2019-07-26 09:14:47
【问题描述】：

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

我已经在 Safari、Firefox、Chrome 和 Edge 中重现了这个（没有测试过其他浏览器）

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

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

【问题讨论】：

标签： angular angular-material

【解决方案1】：

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

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

【讨论】：

我不敢相信我忽略了这一点，真的就是这么简单。谢谢！