angular - Angular Material 步进器的验证

标签 angular angular-material2

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

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

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

最佳答案

参见this stackblitz示例。

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

关于angular - Angular Material 步进器的验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53895113/

相关文章:

javascript - 存储事件监听器不在当前窗口上执行

javascript - 绑定(bind)到 angular2 中的组件属性

angular - 如何配置一个在大屏幕和小屏幕上都很好用的 Material cdk 覆盖位置策略?

Angular Material 选项卡未显示内容

angular - <router-outlet> 使 html 内容在 Angular 中消失

angular - 在 Angular 2 中解析一个值 *before* 激活一个路由

angular - 无法访问父组件中的@ViewChildren

angular - 如何在 Angular Material 2 的 md-table 中创建子表?

css - Angular Material 主题覆盖

angular - 有条件地应用指令