【问题标题】:Angular material stepper styling角材料步进样式
【发布时间】:2021-11-04 04:15:21
【问题描述】:

您好,我想像给定的图像一样自定义现有的角度材料步进器 ui。 是否可以以编程方式更改图标,如果出现错误,则应显示红色的错误图标

https://stackblitz.com/edit/angular-4rvy2s-sprtoe?file=app/stepper-overview-example.ts

【问题讨论】:

    标签: angular angular-material material-design mat-stepper


    【解决方案1】:

    请查看Stackblitz

    我编辑了一些东西。 并检查这个可能会有所帮助

    Override the default icon from mat-stepper angular material

    【讨论】:

      【解决方案2】:

      根据你的描述,这两种情况都是可以的,官方文档中有例子

      1.自定义图标:

      为了使用自定义步进状态,您必须将 displayDefaultIndicatorType 选项添加到全局默认步进器选项中,可以通过在应用程序的根模块中为 STEPPER_GLOBAL_OPTIONS 提供值来指定该选项。

      来源 + 示例:https://material.angular.io/components/stepper/overview#step-states

      2。错误状态:

      如果您想在用户经过未正确填写的步骤时显示错误,您可以通过 errorMessage 输入设置错误消息,并通过 STEPPER_GLOBAL_OPTIONS 中的 showError 选项配置步进器以显示错误注入令牌。

      来源+示例:https://material.angular.io/components/stepper/overview#error-state

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2020-10-16
        • 1970-01-01
        • 1970-01-01
        • 2020-04-19
        • 1970-01-01
        • 1970-01-01
        • 2021-09-04
        • 2021-06-04
        相关资源
        最近更新 更多