How to bind formControl value dynamically?

Question

I'm trying ti bind the formControl value on a input element dynamically in a loop.

<div *ngFor="let value of values"> <input attr.formControl="{{value}}" type="text"/> </div>

This isn't working. The formControl attribute isn't a standart html attribute so I guess there has to be some other way to bind the value.

Usually the formControll is bound like this

[formControl]="name"

Stefan Svrkota · Accepted Answer · 2016-09-20 12:45:41Z

1

This should do the trick:

<div *ngFor="let value of values"> <input [formControlName]="value" type="text"/> </div>

edited Sep 20, 2016 at 12:45

answered Sep 20, 2016 at 12:30

Stefan Svrkota

50.9k10 gold badges100 silver badges88 bronze badges

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

2 Comments

user49126 Over a year ago

No, it's not working. Error: Cannot find control with name: 'value'. Btw, did u give the postfix name behid formControl on purpose or it's just a typo ?

Stefan Svrkota Over a year ago

@user49126 My bad, I edited the comment, check it now. formControlName is not a typo, you can check how to create model-driven forms on these links: coryrylan.com/blog/… and blog.thoughtram.io/angular/2016/06/22/…

Collectives™ on Stack Overflow

How to bind formControl value dynamically?

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related