Заполнить значения по умолчанию дочерних форм в Angular CVA

Question

У меня есть приложение Angular 12 (см. исходный код на Stackblitz), которое использует реактивные формы и шаблон ControlValueAccessor для создания серии «шагов». Когда я добавляю шаги вручную (т.е. с помощью кнопки «Добавить шаг») и заполняю детали шага, родительская форма () имеет значения каждого добавленного шага, как и ожидалось:

      # "Step 0" details entered via web UI
# parentForm.value | json
{ "steps": [ { "name": "Step 0", "action": "action_one" } ] }

Однако, когда я предварительно заполняю значения шага (как если бы я загружал значения шага из внешней службы), эти значения отображаются в пользовательском интерфейсе, но связанный элемент в parentForm.stepsнулевой:

      # "Step 0" prepopulated, "Step 1" details entered via web UI
# parentForm.value | json
{ "steps": [ null, { "name": "Step 1", "action": "action_one" } ] }

Как получить предварительно заполненные значения для «Шага 0» в parentForm?