每次用户单击按钮时,创建完整的动态表单Angular

时间:2019-06-25 10:03:21

标签: angular typescript angular-reactive-forms angular-forms

否,我有一个使用angular的表单字段,我想每次用户单击添加按钮时都复制整个表单。每个新的行形式都是使用RxJS分别向服务器发送的请求

最后将是一个“运行”按钮,当将添加所有表单信息时启用。

我该怎么办?有什么要遵循的例子吗?

非常感谢您

1 个答案:

答案 0 :(得分:2)

很简单,您只需要创建FormGrop这样的数组

forms: FormGroup[]

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

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

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