Formulário em formulário. Pode haver herança de controles de formulário?
Eu tenho dois componentes: ParentComponent e 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" />
Agora,{{form.value | json}}
retorna{ "firstControl": "", "secondControl": "" }
e está claro. Minha pergunta é: Existe uma maneira de formar herdar controles de formulário do componente filho? Qual é a maneira correta de obter{ "firstControl": "", "secondControl": "", "thirdControl": "", "fourthControl": "" }
para ParentComponent? É possível?