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

Question

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

• 在其模板中描述的静态字段（姓名、电子邮件、电话、位置等）

• 组件动态加载，带有自己的模板（单独的字段）

我使用响应式表单模型来验证主组件中的静态字段。 如果字段有效，我会将其值写入服务属性。

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

Answer 1

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

Building Dynamic Forms

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

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