Angular NgForm with two components

Question

I am trying to do a form with two different components. One parent and one child. I looked into a lot of tutorials and they all talked about doing a service.

However, I found a method on this website. It consists in adding the following in the child component:

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

This method is quite nice but I would like to use:

[(ngModel)]="experiment.name"

and not just

ngModel

Here is the code that I tried to run using this method.

Thank you for help

now you want to get the value of child component in parent component ? — Chellappan வ, Jun 21 '18 at 14:01
In app.cmponent.html `
` in address.component.ts `@Input() experiment: any = {};` — eduPeeth, Jun 21 '18 at 14:02
@PierBJX check the solution and consider accepting if it helped. — Amit Chigadani, Jun 21 '18 at 14:27
Yes I wanted to get the value of child component to parent. Now it works thanks ! — PierBJX, Jun 21 '18 at 14:31

score 2 · Accepted Answer · answered Jun 21 '18 at 14:01

2

Create @Input() property experiment instead of normal property in child component and assign from parent

 <address [experiment]="experiment"></address>

DEMO

answered Jun 21 '18 at 14:01

Amit Chigadani

28,482
13
80
98

Angular NgForm with two components

1 Answers1