每次用户单击按钮时创建整个动态表单添加到 Angular答案

【问题标题】：Create whole dynamic form each time user clicks button add in Angular每次用户单击按钮时创建整个动态表单添加到 Angular
【发布时间】：2019-06-25 18:35:41
【问题描述】：

不，我有一个使用 Angular 的表单字段，我想在每次用户单击添加按钮时复制整个表单。每个新的行表单都将是使用 RxJS 对服务器的单独请求

最后会有一个“运行”按钮，在添加所有表单信息时启用。

我该怎么做？有什么可以借鉴的吗？

非常感谢

【问题讨论】：

它可以帮助你：alligator.io/angular/reactive-forms-formarray-dynamic-fields

标签： angular typescript angular-reactive-forms angular-forms

【解决方案1】：

很简单，你只需要创建FormGrop like 的数组

forms: FormGroup[]

然后点击添加表单按钮，您只需在其中添加新表单

这里是示例代码https://stackblitz.com/edit/angular-multiple-dynamic-form

示例应用：https://angular-multiple-dynamic-form.stackblitz.io

【讨论】：