如何在 Angular Material 15 中禁用垫子按钮的波纹 + 悬停效果

Question

我使用 Angular 15 和 Material 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 的解决方案。

Answer 1

它似乎已在 Angular 16 中修复。请参阅错误报告。