Angular - 如何验证动态加载的多个字段(在各种组件中)

时间:2017-06-07 13:15:32

标签: javascript forms angular typescript

我正在Angular上创建分类广告网站。 该路线的主要组成部分包括:

  • 其模板中描述的静态字段(姓名,电子邮件,电话,位置等)

  • 动态加载的组件,带有自己的模板(单独的字段)

我使用Reactive Forms Model来验证主要组件中的静态字段。 如果字段有效,我将其值写入服务属性。

如何验证使用动态组件加载的字段并将数据从主要和动态组件收集到一个对象/数组?

1 个答案:

答案 0 :(得分:0)

动态加载的表单可以使用与构建动态表单相同的方法构建。我会使用反应形式以语法方式构建动态表单。

Building Dynamic Forms

如果组件之间存在父子关系,则可以使用Viewchild获取动态呈现表单的验证状态/值。

否则,您始终可以使用服务在组件之间存储和共享信息,包括表单的验证状态。