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

Question

我想仅在用户可以选择该元素时才添加Ripple效果。为此，如果canSelect为true，我现在将canSelect属性从父组件发送到子组件，那么只应添加Ripple效果。

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

零件

@Input() canSelect?: boolean = false;

Html模板

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

Answer 1

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

如：

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