Angular 2: Binding a response value to a input type in loop ngFor

Question

I am facing issue in binding the response values to input type text in a ngFor loop.

<div *ngFor = "let item of items">
     <input type="text"  class="form-control" #inputTarget>
  <div>

if I bind, all the text box binding same values. how should bind different item values to each text box

(1) Are the items string variables? (2) Are these controls inside of a form tag? — Martin Parenteau
– Martin Parenteau, Commented Apr 12, 2018 at 14:07

Sravan · Accepted Answer · 2018-04-12 13:39:33Z

1

You should use attribute binding, [value]="item"

<div *ngFor = "let item of items">
     <input type="text"  class="form-control" #inputTarget [value]="item">
<div>

The above code takes the item and assigns to value of the text box

answered Apr 12, 2018 at 13:34

Sravan

18.7k3 gold badges33 silver badges54 bronze badges

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

Comments

Sajeetharan · Accepted Answer · 2018-04-12 13:34:39Z

0

Set the [value] item

<div *ngFor = "let item of items">
     <input type="text"  [value]="item" class="form-control" #inputTarget>
<div>

answered Apr 12, 2018 at 13:34

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges