Databinding ngFor * Eingabe in der Tabelle als

Question

erwartet funktioniert nicht

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

Wenn ich ein neues Element mit

this.personen.push(new Person()) 

Daten in meinem Array ‚personen‘ hinzuzufügen, ist in Ordnung, aber meine Eingabefelder auf meiner Seite sind als leer angezeigt.

Answer 1

Sicherstellen, dass die name Eigenschaft ist einzigartig:

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