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

Question

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

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

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

我已经使用制表符创建了表单字段结构并重复演示中的示例。这是相同 Demo

的 stackblitz 演示

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

重现问题：

只需点击 Nested 按钮

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

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

谢谢！！

Answer 1

我从@aitboudad 得到答案，无需使用按钮即可将 fieldArray 传递给 nested：

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

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

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

Nested form fields values are not reflected on submit

angular

angular-reactive-forms

ngx-formly