【问题标题】:Validation on Angular Material StepperAngular Material Stepper 的验证
【发布时间】:2018-12-22 11:10:44
【问题描述】:

我的应用程序有一个步进器,其中一个步骤里面有 2 个表单,主表单和另一个表单。 主窗体是步进控制所需的窗体。 另一种形式是可选的(但如果用户输入任何输入,我仍然想验证输入)。两种形式都是反应形式。

问题是当我尝试在步进器中移动到下一步时,另一个表单正在被验证并显示所有错误(尽管它不是步进控件)。

我希望的行为是,当我单击下一步时,它不会影响另一个表单,并且只验证主表单,我该怎么做才能实现它?

谢谢!

微风

【问题讨论】:

标签: angular angular-material2


【解决方案1】:

参见this stackblitz 示例。

您可以验证表单并防止在<mat-step>s 之间切换,直到错误消失。

【讨论】:

  • 你知道如何让自定义验证器以同样的方式做出反应吗?我在让它工作时遇到问题。
  • @JamesMak 不幸的是我还没有使用反应。
猜你喜欢
  • 1970-01-01
  • 2020-02-27
  • 1970-01-01
  • 2022-10-24
  • 2018-07-08
  • 1970-01-01
  • 2018-08-08
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多