Значения вложенных полей формы не отображаются при отправке

Question

Я использую ngx-formly в своем проекте для создания динамических форм c вкладок.

У меня есть аналогичная модель, как показано ниже:

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

Я создал поле формы структура с помощью вкладок и повторить пример из демонстрации. Вот демонстрация stackblitz для той же Demo

У меня здесь одна проблема, когда я пытаюсь открыть вложенный элемент на другой вкладке, значения поля вложенных элементов не отражаются в submit.

Чтобы воспроизвести проблему:

Просто нажмите Nested кнопку

Затем во вложенной вкладке поля модели не заполняются по умолчанию.

Любые предложения, какие я здесь делаю не так?

Спасибо !!

Answer 1

Я получил ответ от @aitboudad, чтобы передать fieldArray в nested без использования кнопки:

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

Чтобы добавить вложенное поле для текущего элемента area_data https://stackblitz.com/edit/angular-v7rvwf-sf6oxt