Angular-在应用程序加载时验证所有页面/组件

时间:2019-03-13 00:01:34

标签: angular forms validation lifecycle

我正在使用Angular 7构建贷款申请网站。(请考虑一下您通常的信用卡/房屋贷款申请表。 主要功能概述:

  • 该应用程序有7页(每个页面包含一个或多个子组件)
  • 所有页面都对表单控件进行了验证(必填,最小值等)
  • 用户如果不完成当前步骤/页面,则无法继续进行下一步/页面

一切正常。

但是,用户也可以保存他们的应用程序,稍后再返回。

在这种情况下,我理想地要做的是能够转到第一个不完整/无效的页面,这样就不必从头开始。 我无法保存应用程序/菜单状态,只能保存实际数据,因此,当我打开现有应用程序时,我想我必须:

  • 向页面(表单控件)加载数据,并“询问”页面是否有效
  • 如果页面有效,请移至下一页
  • 该页面无效,请在此处停止

问题是我不知道执行此操作的一种好方法-如何将数据加载到表单控件中并在不实际加载页面的情况下进行验证? 有什么好的通用方法吗?甚至有可能吗?

谢谢!

0 个答案:

没有答案