Angular Ошибка вложенных форм - Cycli c Значение объекта

Question

У меня есть родительская форма и дочерний элемент для основного компонента. Я пытаюсь заставить основной компонент читать данные из родительской формы, но получаю сообщение об ошибке: cyclic object value в консоли.

Я предполагаю, что это родительская форма, определенная в form-one и form-two, но я не знаю, как сделать следующее:

1) создать вложенную реактивную форму (форма-два), которая используется совместно с родительской формой (форма-одна)
2) Разрешить основному компоненту доступ к значению формы родительской и вложенной формы.

Мой пример стекаблица: https://stackblitz.com/edit/angular-dkddez

Что я делаю неправильно?

Answer 1

ошибка, которую вы видите, потому что вы применяете конвейер json к группе форм, которая просто не будет работать, потому что имеет рекурсивную структуру, которая не может быть представлена ​​в строке. примените его к значению:

{{formComponent.parentForm?.value | json }}

, если вы хотите, чтобы все компоненты использовали одну и ту же группу форм, то убедитесь, что вы фактически передаете его своему подкомпоненту:

<app-form-two [parentForm]="parentForm"></app-form-two>