Как я могу привязать tabIndex к текущей вкладке в Formly без создания вложенного объекта в структуре формы? ⇐ Javascript

[Anonymous]

Я использую Formly в своем проекте, где я реализовал три вкладки. SelectIndex каждой вкладки управляется с помощью [(selectedIndex)]. В хуке жизненного цикла ngOnInit я использую setTimeout для имитации HTTP-вызова, который заполняет данные формы:

Код: Выделить всё

ngOnInit() {
setTimeout(() => {
this.form.patchValue({
tabIndex: 2,
age: 40,
country: 'New York',
});
});
}

Проблема возникает при попытке привязать tabIndex к текущей вкладке. Если я определю activeKey следующим образом:

Код: Выделить всё

type: 'tabs',
key: 'activeIndex',
fieldGroup: [...],

и привяжите объект formControl внутри компонента formly-field-tabs, результирующая структура формы будет выглядеть следующим образом:
< pre class="lang-json Prettyprint-override">

Код: Выделить всё

{
"activeIndex": {
"age": ...
}
}

Это создает вложенную структуру объекта, которой я хочу избежать.
Как я могу привязать tabIndex к текущей вкладке, не вводя такой вложенный объект в структуре формы?
Вот соответствующий код компонента вместе со ссылкой на StackBlitz для справки:

Пример StackBlitz

Подробнее здесь: https://stackoverflow.com/questions/793 ... g-a-nested