Angular 角度2动态表单控件
我试图建立一个动态的形式。在我的特殊情况下,我需要一个表单,用户可以在其中定义问题并动态添加选项 问题标题是用户输入问题的文本字段。 选项字段也是一个文本字段,用户可以在其中为问题添加选项。 用户可以为特定问题添加2个或更多选项 我正在使用Formbuilder,并有如下内容:Angular 角度2动态表单控件,angular,angular2-forms,Angular,Angular2 Forms,我试图建立一个动态的形式。在我的特殊情况下,我需要一个表单,用户可以在其中定义问题并动态添加选项 问题标题是用户输入问题的文本字段。 选项字段也是一个文本字段,用户可以在其中为问题添加选项。 用户可以为特定问题添加2个或更多选项 我正在使用Formbuilder,并有如下内容: this.form = fb.group({ title: ["", Validators.required], options: fb.group
this.form = fb.group({
title: ["", Validators.required],
options:
fb.group({
option1: new Control(''),
option2: new Control('')
.....
})
});
我还知道我们可以使用this.form.addControl向表单组添加控件,并使用this.form.removeControl删除控件
我需要允许用户添加/删除选项,但我确定如何命名这些动态添加的选项,以便在提交响应时,将以下内容发布到服务器:
{
title:"My test question",
options:{
"option 1","option 2","option 3",.......
}
}
有人能给我引路吗?任何帮助都将不胜感激。请查看官方文档。有一篇文章专门针对这个主题:访问此::这里您有更多关于Angular 2中动态表单的信息:谢谢Mayur和Eusthace,这两个链接仅从模型生成一次表单。我需要的是允许用户在表单组生成后向其添加或删除控件。例如,用户可以用n个选项定义一个问题。当用户单击“添加问题”时,它会显示一个用于输入问题文本的文本框和两个用于输入选项文本的默认文本框,我想允许用户也添加其他选项,例如,单击“添加更多选项”会显示另一个用于添加选项的文本框,同样,他应该能够删除一个添加的选项,该选项会删除选项文本框。