如何解决后端以角度2
我想用对象数组生成JSON驱动的表单,目前stackbiz正在处理单个对象json(person.js),我正在尝试使用下面的JSON数组修改person.ts
对于json
[{
name: {
label: 'Name',value: 'Juri',type: 'text',validation: {
required: true
}
},age: {
label: 'Age',value: 32,type: 'text'
},gender: {
label: 'Gender',value: 'M',type: 'radio',options: [
{ label: "Male",value: 'M'},{ label: "Female",value: 'F'}
]
},city: {
label: 'City',value: '39010',type: 'select',options: [
{ label: "(choose one)",value: ''},{ label: "Bolzano",value: '39100'},{ label: "Meltina",value: '39010'},{ label: "Appiano",value: '39057'}
],validation: {
required: true
}
}
},{
name: {
label: 'Name',value: 'Juri1',value: 'F'}
]
}
}]
因此模板输出应该是这样的(包括两个部分)
我在多对象json上面遇到的问题是,我遍历对象数组并在循环中使用新的formControl创建formGroup,然后尝试将其推入formArray而不是成功,但没有成功,任何帮助或建议都值得赞赏,我陷入了formArray vs FormBuilder vs FormGroup的困境,现在大脑无法正常工作:(
这是我要修改的广告链接:https://stackblitz.com/edit/angular-dynamicforms-blogarticle-fjkjx4
解决方法
您可以只创建一个空的formArray来存储响应。
https://stackblitz.com/edit/angular-dynamicforms-blogarticle-jns9xq
public formResponses: FormArray = new FormArray([]);
onSubmit(form) {
if (form.valid) {
this.formResponses.push(new FormControl(form.value));
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。