数据绑定到Array Angular 6

Question

I have list of Array in a table , I want to bind input value with list of array Id separately to the array here my html <tr *ngFor="let entressEmployee of EntressForEmployee; let e = index "> <td style="text-align:left">{{entressEmployee.Description}}</td> <td> <input type="number" class="form-control" placeholder="Value"> </td></tr> and my EntressForEmployee Array look like this I want to bind ID with my input value.

Answer 1

您可以使用属性绑定

<td> <input type="number" value={{entressEmployee.ID}} class="form-control" placeholder="Value">

Answer 2

只需使用ngModel

<td> <input type="number" [(ngModel)]="entressEmployee.ID" class="form-control" placeholder="Value">

Answer 3

Use your input of type='text' and then bind using [(ngModel)] like this

 <tr *ngFor="let entressEmployee of EntressForEmployee; let e = index ">
           <td style="text-align:left">{{entressEmployee.Description}}</td>
           <td> <input type="text"  class="form-control" placeholder="Value" [(ngModel)]='entressEmployee.ID'> 
</td>

Finally don't forget to import FormsModule in your AppModule - Happy coding !!