Databinding ngFor * вход в таблице не работает, как ожидалось

Question

<tr *ngFor="let p of personen; let i=index"> 
      <td> <input [(ngModel)]="p.Vorname" name="p.Vorname" type="text" class="form-control" required ></td> 
      <td> <input [(ngModel)]="p.Nachname" name="p.Nachname" type="text" class="form-control" required ></td> 
      <td> <input [(ngModel)]="p.Geburtsdatum" name="p.Geburtsdatum" type="date" class="form-control" required ></td> 
      <button (click)="premove(i)" type="button" class="btn btn-danger">Entfernen</button> 
     </tr> 

Если добавить новый элемент с

this.personen.push(new Person()) 

данных в моем массиве «Personen» в порядке, но мои поля ввода на моей странице показанный как пустой.

Answer 1

Обеспечить name свойство является уникальным:

<tr *ngFor="let p of personen; let i=index"> 
     <td> <input [(ngModel)]="p.Vorname" name="Vorname{{i}}" type="text" class="form-control" required ></td> 
     <td> <input [(ngModel)]="p.Nachname" name="Nachname{{i}}" type="text" class="form-control" required ></td> 
     <td> <input [(ngModel)]="p.Geburtsdatum" name="Geburtsdatum{{i}}" type="date" class="form-control" required ></td> 
     <button (click)="premove(i)" type="button" class="btn btn-danger">Entfernen</button> 
    </tr>