如何阻止用户移动到下一步，直到使用 Angular Material Stepper（Angular 4）完成当前步骤
Posted
技术标签:
【中文标题】如何阻止用户移动到下一步，直到使用 Angular Material Stepper（Angular 4）完成当前步骤【英文标题】：How to stop user moving to next step until finish the current step using Angular Material Stepper(Angular 4) 【发布时间】：2018-04-21 13:24:22 【问题描述】：我正在使用 Angular Material 来构建我的步进器，我希望用户逐步移动，这意味着用户必须完成当前步骤才能移动到下一步，但是在搜索 Angular Material Docs 和 CDK Docs I只找到一个名为“可编辑”的相关字段属性，但用于阻止用户返回上一步，我应该设置什么属性来阻止用户查看后面的步骤并一一移动？
谢谢
【问题讨论】：
“完成”是什么意思？填写表格？ 对，我这边的“完成”意味着填写当前表格。我还设置了一些验证器，如果所有字段都已填写并且所有验证器都通过了，那么当用户单击“下一步”按钮时，它就完成了，可以进入下一步:) @Jota.Toledo 文档中有您要查找的示例，请查看 【参考方案1】：将[linear]="isLinear" 添加到这样的步进器<mat-horizontal-stepper [linear]="true">
【讨论】：
以上是关于如何阻止用户移动到下一步，直到使用 Angular Material Stepper（Angular 4）完成当前步骤的主要内容，如果未能解决你的问题，请参考以下文章