Отключить эффект "Ripple" компонента Angular Meterial Stepper (при нажатии на вкладку)

У меня есть приложение, которое использует компонент Angular Material Stepper.

<mat-horizontal-stepper>

Как отключить поведение "ряби" на вкладках "щелчок по шагам" без CSS-хаков?

Спасибо!

Источник

1 ответ

Решение

Я предполагаю, что мы говорим о библиотеке material2, поскольку вы пометили Angular 6, я буду ссылаться на библиотеку Material2 ниже.

Я посмотрел на материал JS библиотеки и не вижу степпера.

глядя на tab-group.ts как на ссылку, мы можем посмотреть, как входы определены в конструкторе... эта строка специально принимает disableRipple

 inputs: ['color', 'disableRipple'],

https://github.com/angular/material2/blob/master/src/lib/tabs/tab-group.ts

глядя на stepper.ts для сравнения, к сожалению, в настоящий момент в конструкторе нет входных данных для disableRipple.

https://github.com/angular/material2/blob/master/src/lib/stepper/stepper.ts

Я считаю, что нет логики для отключения пульсации на степпере, что я могу сказать.

  • Если вы предпочитаете не использовать CSS-хаки, то, к сожалению, это будет запрос функции, который нужно будет отправить.
Источник
Другие вопросы по тегам