时间戳

首页 > 解决方案 > 禁用 Angular Meterial Stepper 组件的“波纹”效果（单击选项卡时）

angular - 禁用 Angular Meterial Stepper 组件的“波纹”效果（单击选项卡时）

问题描述

我有一个使用 Angular Material Stepper 组件的应用程序。

<mat-horizontal-stepper>

如何在没有 CSS-hacks 的情况下禁用逐步点击选项卡上的“涟漪”行为？

谢谢！

标签： angularangular-material-6angular-material-stepperripplejsmat-stepper

解决方案

我假设我们在谈论您标记 Angular 6 时的 material2 库，我将在下面引用 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 hack，很遗憾，这将是一个需要提交的功能请求。

推荐阅读