Как редактировать свойства Mat Ripples в Mat Chip Angular

Question

Я работаю над угловым приложением, которое использует матовые чипы в таблице данных.Однако данные из таблицы хранятся в базе данных и извлекаются через HTTP-вызовы.Поэтому, когда я нажимаю на кнопку удаления, пульсации растягиваются до тех пор, пока таблица не обновится и не станет очень большой.

Есть ли способ изменить радиус пульсации для матовой стружки или других элементов углового материала?Я знаю, что могу отключить его, но лучше всего изменить радиус.

Answer 1

Я не уверен, когда это было введено, но с версии материала 6.4.7 модуль Ripples был добавлен для более детального контроля того, как рябь ведет себя, позволяя определить радиус пульсации, цвет,и больше.Используя этот новый модуль, вы должны иметь возможность отключить собственный эффект ряби для каждого компонента и переопределить его своим собственным:

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

Если вы не отключите исходную пульсацию компонента, каждый щелчок вызовет две пульсации.