动态添加时angular6 matRipple不起作用

Question

我只想在用户可以 select 该元素时添加涟漪效果。为此，我现在将 canSelect 属性 从父组件发送到子组件，如果 canSelect 为真，则只应添加 Ripple 效果。

这是我目前尝试过的方法：

组件

@Input() canSelect?: boolean = false;

Html模板

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

Answer 1

如果您的 canSelect 是 true/false

，请使用 [matRippleDisabled]

作为：

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