【问题标题】:How to disable ripple effect in Angular 7?如何在 Angular 7 中禁用涟漪效应?
【发布时间】:2019-03-08 03:23:39
【问题描述】:

如何在 Angular 7 中为 Angular Material matSlideToggle 按钮禁用波纹效果?

我已经试过了
<mat-slide-toggle disableRipple></mat-slide-toggle>

<mat-slide-toggle [disableRipple]="true"></mat-slide-toggle>

它曾经在 Angular 6 中工作,但在升级到 Angular 7 后它停止工作。

【问题讨论】:

  • 请创建一个 Plunker 或 StackBlitz 项目,以便社区可以更快更好地帮助您。
  • 升级到 7 后我也遇到了同样的问题。

标签: angular angular-material angular7


【解决方案1】:

检查thisthis

请阅读docs

【讨论】:

  • 谢谢!它有效,但它为应用程序中的所有内容禁用了波纹,我只想为单个切换按钮禁用波纹。所以,我尝试使用,`& ::ng-deep .mat-slide-toggle-ripple.mat-ripple { display: none; } 并且效果也很好。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-08-09
  • 2019-09-15
  • 2021-06-16
  • 2016-04-25
相关资源
最近更新 更多