数据绑定到Array Angular 6

Question

我在表中有数组列表，我想将输入值与数组ID列表分别绑定到此处的数组，我的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>和我的 EntressForEmployee 数组如下所示 我想将ID与输入值绑定。

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

使用您的type='text'输入，然后使用[(ngModel)]这样绑定

 <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>

最后不要忘记在您的FormsModule中导入AppModule-编码愉快！