如何在 Mat Chip Angular 中编辑 Mat Ripples 属性

Question

我正在开发一个在数据表中使用垫子芯片的角度应用程序。但是，表中的数据存储在数据库中并通过 HTTP 调用进行检索。所以当我点击删除按钮时，涟漪会一直延伸到表格刷新并且它可以变得非常大。

有没有办法修改垫子芯片或其他角材料元素的波纹半径？我知道我可以禁用它，但修改半径是最好的。

Answer 1

我不确定它是什么时候引入的，但从 Material 版本 6.4.7开始，添加了涟漪模块，以便更精细地控制涟漪的行为方式，允许定义涟漪半径、颜色等。使用这个新模块，您应该能够禁用每个组件上的原生涟漪效应并用您自己的覆盖：

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

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