html - angular6 matRipple在动态添加时不起作用

我只想在用户可以选择该元素的情况下添加涟漪效果。为此，如果canSelect为true，我现在将canSelect属性从父组件发送到子组件，那么仅应添加波纹效果。

到目前为止，这是我尝试过的：

零件

@Input() canSelect?: boolean = false;

HTML模板

<div [attr.matRipple]="canSelect ? '' : null"> select </div>

最佳答案

如果您的[matRippleDisabled]是canSelect，请使用true/false

如：

<div matRipple [matRippleDisabled]="canSelect"> select </div>

关于html - angular6 matRipple在动态添加时不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/55914509/