嵌套反应形式（Angular 5）

Question

我正在尝试在Angular5中实现嵌套形式。我想将表单分为父组件和许多子组件。我还希望针对每个子组件以不同的方式触发提交事件。

我已附上有关如何创建表单的图像。与address1相似，我想创建许多子组件，并带有执行不同任务的Submit事件。

我应该如何实施此表格？

Answer 1

首先，您需要知道是要使用嵌套元素的表单还是需要创建自定义表单控件。

在第一种情况下，如果您想要具有深层嵌套元素的表单，则只需遵循Angular文档中“ Nested FormGroups”上的说明即可。

在另一种情况下，它更复杂，我个人认为它更适合您的需求。您必须创建一个具有自己逻辑的“ Custom form control”，并且仅返回与其交互产生的值。这是一个实现方法的示例