首页 > 解决方案 > 反应形式一系列其他反应形式

问题描述

我正在尝试创建一个反应形式,下面是它的原型。

在此处输入图像描述

我必须创建 3 个反应形式Form1、Form2、Form3,然后将它们组合成单个反应形式,比如SignUpForm。就像SignUpForm是一个包含 3 种不同反应形式的数组。我用 Google 搜索了 FormBuilder、FormArray 和 FormGroup,但都感到困惑。

标签: angularformstypescriptangular-reactive-formsreactive

解决方案


使用 FormBuilder 创建三个表单中的每一个 - Form1、Form2 和 Form3:

form1group = this._formBuilder.group({
// Your formControls go here
})

然后创建一个包含这三个表单组(form1group、form2group 和 form3group)的 SignUpForm。

signupForm = this._formBuilder.group({
    form1group,
    form2group,
    form3group
})

FormArray 是在处理动态表单时应该使用的 FormControls 数组(即,当需要将新的 FormControls 添加到动态表单时)。


推荐阅读