【问题标题】:How to stop user moving to next step until finish the current step using Angular Material Stepper(Angular 4)如何阻止用户移动到下一步,直到使用 Angular Material Stepper(Angular 4)完成当前步骤
【发布时间】:2018-04-21 13:24:22
【问题描述】:

我正在使用 Angular Material 来构建我的步进器,我希望用户逐步移动,这意味着用户必须完成当前步骤才能移动到下一步,但是在搜索 Angular Material Docs 和 CDK Docs I只找到一个名为“可编辑”的相关字段属性,但用于阻止用户返回上一步,我应该设置什么属性来阻止用户查看后面的步骤并一一移动?

谢谢

【问题讨论】:

  • “完成”是什么意思?填写表格?
  • 对,我这边的“完成”意味着填写当前表格。我还设置了一些验证器,如果所有字段都已填写并且所有验证器都通过了,那么当用户单击“下一步”按钮时,它就完成了,可以进入下一步:) @Jota.Toledo
  • 文档中有您要查找的示例,请查看

标签: angular angular-material angular-material-stepper


【解决方案1】:

[linear]="isLinear" 添加到这样的步进器<mat-horizontal-stepper [linear]="true">

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-08-05
    • 2018-07-14
    • 2019-04-18
    • 2019-03-27
    • 2018-04-23
    • 2018-07-08
    相关资源
    最近更新 更多