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

时间:2018-10-23 17:51:44

标签: html angular angular-material angular-material-6

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

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

1 个答案:

答案 0 :(得分:1)

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

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

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