我从后端获得了非常复杂的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);
}