Angular 2 formControlName inside a child component of formGroup

Question

I am trying to build a wizard type form using Reactive Forms. Following is a snippet of my code

<form [formGroup]="pizzaForm" novalidate>
    <wp-wizard navBarLocation="top">
         <wp-wizard-step title="Dough">
              <input type="text" id="dough" [formControlName]="dough">

wizard and wizard-step are working without forms.

When I implement them with Reactive Forms and run the application, I'm seeing errors like below.

Cannot find control with name: '[object Object]'

I'm assuming this is because dough formControlName is not immediate child of pizzaForm formGroup. Not sure though. If that is the cause, how do I fix this problem? I have few fields in each wizard steps and I think all the fields should still belong to the same form so I can track the form validity. Or may be I should have different forms for each wizard step ?

Please let me know if more information is required to understand the issue.

And you want to pass in a string called "dough" to the [formControlName] property? — nipuna-g
– nipuna-g, Commented Mar 21, 2017 at 3:50
formControlName should be bound to a string if I'm not mistaken. Could you please upload a plnkr example? — nipuna-g
– nipuna-g, Commented Mar 21, 2017 at 4:00
you are right. I should be using formControlName="dough" instead of [formControlName]="dough". Also I did not need to create FormControl dough explicitly. Just creating it with FormBuilder will do. Thank you! — TechCrunch
– TechCrunch, Commented Mar 21, 2017 at 4:15

TechCrunch · Accepted Answer · 2017-03-21 04:56:01Z

2

I mistakenly used [formControlName] instead of formControlName

answered Mar 21, 2017 at 4:56

TechCrunch

3,1827 gold badges48 silver badges81 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular 2 formControlName inside a child component of formGroup

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related