angular6 matRipple не работает при динамическом добавлении

Question

Я хочу добавить эффект Ripple, только если пользователь может выбрать этот элемент. Для этого я отправляю свойство canSelect из родительского компонента в дочерний компонент, если canSelect равно true, тогда должен быть добавлен только эффект Ripple.

Это то, что я пробовал до сих пор:

Компонент

@Input() canSelect?: boolean = false;

HTML-шаблон

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

Answer 1

Используйте [matRippleDisabled], если ваш canSelect равен true/false

AS:

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