javascript - 如何使用多嵌套 json 值修补响应式(Reactive)表单

Question

我正在使用包含 formArray、formGroups 和 formControls 的多嵌套(无限级) react 形式的值。它存储在数据库中。
目前，我正在使用递归函数修补表单，该函数循环遍历整个 JSON，并根据键和值生成 formArrays、formGroups 和 formControls。
现在的问题是，从性能 Angular 来看，我使用的这种方法并不好，那么有没有更好的方法来一次性修补这种多嵌套形式？ (只需创建表单，无需在 HTML 中显示)
这是用于问题引用的简化 JSON -
任何部分都可以有 subSections，然后 subSections 可以有某种部分

const formDataSections = [
  {
    index: 1,
    sectionName: "",
    subSections: [
      {
        index: 1,
        subSectionName: "",
        sections: [
          {
            index: null,
            sectionName: "",
            subSections: [
              {
                index: null,
                subSectionName: "",
                sections: [
                  {
                    index: null,
                    sectionName: "",
                  },
                  {
                    index: null,
                    sectionName: "",
                    subSections: [
                      {
                        index: null,
                        subSectionName: "",
                        sections: [
                          {
                            index: null,
                            sectionName: "",
                          },
                          {
                            index: null,
                            sectionName: "",
                            subSections: [],
                          },
                        ],
                      },
                    ],
                  },
                ],
              },
            ],
          },
          {
            index: null,
            sectionName: "",
            subSections: [
              {
                index: null,
                contentTypes: [],
                sections: [
                  {
                    index: null,
                    sectionName: "",
                    subSections: [],
                  },
                ],
              },
            ],
          },
        ],
      },
    ],
  },
];

Answer 1

您可以使用 ControlValueAccessor 创建自定义“子表单”组件( docs ) 并递归调用组件 ( example )
我认为您无法避免递归，因为列表可能具有无限长度
这是一个(不完全工作...)StackBlitz example ，只是为了展示我在说什么。