禁用 'Ripple' Meterial Stepper 组件的 'Ripple' 效果（单击 Tab 时）

Question

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

<mat-horizontal-stepper>

如何在没有 CSS-hacks 的情况下禁用 'ripple' 点击分步选项卡的行为？

谢谢！

Answer 1

我假设我们正在谈论 material2 库，正如您标记的 Angular6，我将在下面引用 Material2 库。

我查看了 material 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 技巧，很遗憾，这将是一项需要提交的功能请求。