Подтвердить что ты не робот

Angular2 ngModel внутри ngFor (данные не привязаны к вводу)

Это мое приложение Angular2 с полями ввода внутри таблицы. Мои данные отображаются в теге select, но данные, привязанные с помощью тега ngModel on input, не отображаются в поле input.

<form name="userForm">
<table>
<tr *ngFor="let item of itemList; let in =index">
  <td><select><option >{{item.FirstName}}</option></select></td>
  <td><input type="text" id="lastname" name="lastname" [(ngModel)]="itemList[in].lastname"></td>
  <td><input type="text" id="middlename" name="middlename" [(ngModel)]="itemList[in].middlename"></td>
</tr>
</table>
</form>
4b9b3361

ОТВЕТЫ

Ответ 1

При создании нескольких элементов управления ngModel внутри цикла ngFor убедитесь, что каждый элемент управления уникален name:

<form name="userForm">
<table>
<tr *ngFor="let item of itemList; let in = index">
  <td><input type="text" name="lastname-{{in}}" [(ngModel)]="item.lastname"></td>
  <td><input type="text" name="middlename-{{in}}" [(ngModel)]="item.middlename"></td>
</tr>
</table>
</form>