How to add dynamic formControlName in AngularJs2

Question

I am making forms through form builder in angularjs2, I want to add formControlName property/attribute of form element like this:

   <input type="text" formControlName={{'client_name' + i}} placeholder="Required" />

How can I do this?

Edit:

I also want to put the validity message beside input element like this: How do I make the client_name inside the ngIf condition block dynamic as well?

<div *ngIf=“! userform.controls['client_name'].valid”>
  Client Name is Not Valid
</div>

It should have same value as {{'client_name' + i}}

All that's missing are "" around {{'client_name' + i}} It also might try to actually do addition, but that's an easy fix. — silentsod
– silentsod, Commented Dec 6, 2016 at 17:22
Hi Please see my edit as well, would be grateful if u can help? :) — Prajeet Shrestha
– Prajeet Shrestha, Commented Dec 6, 2016 at 17:38
Where did you get stuck? did you add the fields to the formgroup? — Ayyash
– Ayyash, Commented May 2, 2017 at 6:54

Sky.Li · Accepted Answer · 2017-07-20 03:46:27Z

2

Please use[formControlName]='client_name + i' instead of formControlName={{'client_name' + i}}

And use userform.controls[client_name + i].valid instead of userform.controls['client_name'].valid

For More Information: https://angular.io/guide/dynamic-form

answered Jul 20, 2017 at 3:46

Sky.Li

5371 gold badge7 silver badges16 bronze badges

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

Collectives™ on Stack Overflow

How to add dynamic formControlName in AngularJs2

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