angular - 嵌套表单字段值不会反映在提交上

Question

我在我的项目中使用 ngx-formly 来创建基于动态选项卡的表单。

我有一个类似的模型，如下所示：

model = {
    areas_data: [{
            "area_id": "someuuid",
            "description": "ewrwr",
            "nested": [
                {
                  "name":  'rerw',
                  "desc": 'ewe'
                }
            ]
    }]
  };

我已经使用选项卡创建了表单字段结构，并重复了演示中的示例。这是同一个Demo的 stackblitz演示

每当我尝试在其他选项卡中打开嵌套元素时，都会遇到一个问题，嵌套元素字段值不会反映在提交中。

重现问题：

只需点击Nested按钮

然后在嵌套选项卡中，默认情况下不填充模型字段。

任何建议，我在这里做错了什么？

谢谢！！

Answer 1

我从@aitboudad 得到了答案，可以在nested不使用按钮的情况下将 fieldArray 传递给：

{
      "key": "nested",
      type: 'repeat',
      fieldArray: {
        fieldGroup: [
          { "key": "name" },
          ....
        ]
      }
    }

为当前 area_data 项添加嵌套字段https://stackblitz.com/edit/angular-v7rvwf-sf6oxt