【问题标题】:Disable 'Ripple' effect of Angular Meterial Stepper component (when clicking on Tab)禁用 Angular Material Stepper 组件的“波纹”效果(单击选项卡时)
【发布时间】:2018-10-04 11:08:14
【问题描述】:

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

<mat-horizontal-stepper>

如何在没有 CSS-hack 的情况下禁用逐步点击标签上的“涟漪”行为?

谢谢!

【问题讨论】:

    标签: angular angular-material-6 angular-material-stepper ripplejs mat-stepper


    【解决方案1】:

    我假设我们在谈论您标记 Angular 6 时的 material2 库,我将在下面引用 Material2 库。

    我查看了material js库,没有看到stepper。

    查看 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,很遗憾,这将是一个需要提交的功能请求。

    【讨论】:

    • 感谢您的回复。实际上是库:material.angular.io/components/stepper/overview
    • 正确,即材质2库。我上面的链接与您的链接的来源是准确的。如果我的回答令人满意,请标记为这样。我可以使用代表。
    猜你喜欢
    • 2020-08-08
    • 2015-05-09
    • 1970-01-01
    • 2018-12-17
    • 1970-01-01
    • 2015-07-16
    • 2016-06-05
    • 1970-01-01
    • 2017-07-20
    相关资源
    最近更新 更多