Как отключить эффект Ripple + hover от мат-кнопки в Angular Material 15

Я использую Angular 15 с Материалом 15 и пытаюсь добавить кнопку без волнового эффекта/эффекта наведения.

Раньше это работало в угловом материале 12:

<button mat-button [disableRipple]="true">DoSomething</button>

Но теперь он все еще показывает эффект пульсации/наведения. Вход «disableRipple» сломан?

Я могу удалить это поведение, выполнив:

      .no-hover-effect {
  &.mat-mdc-button {
    ::ng-deep {
      .mat-mdc-button-persistent-ripple, .mat-mdc-button-ripple {
        display: none;
      }
    }
  }
}

Но мне бы хотелось решения без необходимости изменения CSS.

1 ответ

Кажется, это было исправлено в angular 16. См. отчет об ошибках.

Другие вопросы по тегам