Child controls not registered to parent form

Question

I have a form in a parent component and I want to register controls to it from a child component, but they don't appear in its list.

In my child component I have declared my control #myVar="ngModel" yet it doesn't register it on the parent form.

Simplified version of my code:

Parent:

<form> <app-child></app-child> </form>

Child:

<input #myInput="ngModel"> <app-another-child [param]="myInput.control"></app-another-child> </input>

I'm not sure if I'm missing something - 1 week noob with angular :)

See also https://stackoverflow.com/questions/39242219/angular2-nested-template-driven-form — yurzui, Jul 12 '19 at 13:45

robert · Accepted Answer · 2019-07-12T13:53:11.637

1

In a subform you need to specify this:

viewProviders: [ { provide: ControlContainer, useExisting: NgForm } ]

Check this stackblitz for working example.

edited Jul 12 '19 at 13:53

answered Jul 12 '19 at 13:43

robert

1 Answers1