关于html:如何在Mat Chip Angular中编辑Mat Ripples属性

How to edit Mat Ripples properties in Mat Chip Angular

我正在开发一个在数据表中使用mat芯片的角度应用程序。 但是,表中的数据存储在数据库中,并通过HTTP调用进行检索。 因此,当我单击删除按钮时,涟漪会一直延伸到表格刷新为止,并且可能会变得很大。

有没有一种方法可以修改垫芯片或其他"角材料"元素的纹波半径? 我知道我可以禁用它,但是修改半径是最好的。


我不确定何时引入它,但是从材料版本6.4.7开始,添加了涟漪模块,以更精细地控制波纹的行为,从而定义波纹半径,颜色等。 使用这个新模块,您应该能够禁用每个组件上的本机波纹效果,并使用自己的组件覆盖:

1
<mat-chip disableRipple matRipple matRippleRadius="10">One fish</mat-chip>

如果不禁用组件的本机波纹,则每次单击都会产生两个波纹。