я есть два компонента: ParentComponent и ChildComponent:

parent.component.ts

<form #form="ngForm" (ngSubmit)="onSubmit(form)" novalidate>
     <input type="text" name="firstControl" [(ngModel)]="firstControl" />
     <input type="text" name="secondControl" [(ngModel)]="secondControl" />
     <child-component>
</form>
{{form.value | json}}

child.component.ts

<input type="text" name="thirdControl" [(ngModel)]="thirdControl" />
<input type="text" name="fourthControl" [(ngModel)]="fourthControl" />

В настоящее время,{{form.value | json}} возвращается{ "firstControl": "", "secondControl": "" } и это понятно. Мой вопрос: есть ли способ сформировать элементы управления формы от дочернего компонента? Какой правильный способ получить{ "firstControl": "", "secondControl": "", "thirdControl": "", "fourthControl": "" } для ParentComponent? Является ли это возможным?