我从后端获得了非常复杂的json对象,它包含数组作为键值,如下所示:
[
id: 1
persons: [
{
name: 'Name',
property: [ ..... ]
}
.........
]
]
我需要将此对象填入我的Reactive表单中 . 所以在我的ngOnInit函数中,我初始化表单并从服务中获取数组数据 . 然后我将这些数据传递给'convertToFormGroup'函数,从简单对象创建这个嵌套的FormArrays . 这个函数的问题在于它只能在一个深度上工作 . 我担心api将来会改变,我需要FormArray中的另一个FormArray吗?我认为这是完全错误的做法?这应该更简单,将具有嵌套数组的对象转换为具有嵌套FormArrays的FormGroup . 我们有一些现有的功能吗?我是Angular的新手,所以不要犹豫批评我 .
ngOnInit() {
this.form = this.fb.group({
data: this.fb.array([]),
})
this.service.getData().subscribe(data => {
const convertedData = convertToFormGroup(data);
(this.form.get('data') as FormArray).push(convertedData);
});
}
private convertToFormGroup(object) {
const newObj = {};
Object.keys(object).map(key => {
if (Array.isArray(object[key])) {
newObj[key] = this.fb.array([]);
for(const value of object[key]) {
newObj[key].push(this.fb.group(value));
}
} else {
newObj[key] = object[key];
}
});
return this.fb.group(newObj);
}