Bind dynamically added input fields in Angular2

Question

I generate input fields in the template like this

 <input *ngFor="#number of numbers"  placeholder="Number"/>

in the component class

export class AppComp{
    public numbers : Array<number> = new Array(10);
}

I need to bind the dynamically added input values to the numbers array. I also need the place holder to read Number 1, Number 2 ... Number 10

The placeholder only shows when you don't have a value, so if you bind the values of each number in the array on each input you will not see the placeholder text. Do you mean you want to bind the values to a different array other than numbers? — Langley
– Langley, Commented Jan 20, 2016 at 18:20
Lets say, I have 3 input fields and an array of length 3, I wan to bind each input field values to corresponding array element — Mark Timothy
– Mark Timothy, Commented Jan 20, 2016 at 19:10

Mark Timothy · Accepted Answer · 2016-01-20 19:54:25Z

2

 <input *ngFor="#number of numbers; #i = index" [(ngModel)]="numbers[i]"  placeholder="Number {{i}}" " />

answered Jan 20, 2016 at 19:54

Mark Timothy

1,8245 gold badges21 silver badges30 bronze badges

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

1 Answer 1