2017-11-04 1 views
0

Ich bin neu zu eckig und mit reaktiven Formular beim Absenden eines Formulars, der Wert von this.first.name erfasst ersetzen/aktualisieren mit neuen auf meinem nächsten Eintrag in Form. Wie kann ich mehr Werte hinzufügen, wenn meine Funktion ausgeführt wird, anstatt alten Wert zu ersetzen?Formulareintrag verloren nach zweitem Wert senden

first = { 
    name : '' 
    } 
     onSubmit(){ 
     console.log(this.netForm); 
     this.first.name = this.netForm.value.Name; 
     } 

Antwort

0

Sie können es ein Array machen alle Werte zu sammeln, die in kommen.

first = { 
    names : [] 
} 

onSubmit(){ 
    console.log(this.netForm); 
    this.first.names.push(this.netForm.value.Name); 
    this.labForm.reset(); 
} 

und Ausgangs es so zum Beispiel

<span *ngFor="let name of first.names"> 
    {{ name }} 
</span> 
+0

Nein, ich meine, wenn der Benutzer die laufen 'onSubmit()' wieder, es wird den ersten Wert ersetzen, zB das erste Mal, als ich Nofel eingegeben habe, und das zeigt, aber wenn ich Basti in Feld eingeben, ersetzt es Nofel mit Basti, während ich beide so viel wie ich – Nofel

+0

@Nofel hinzufügen möchte Ich änderte meine Antwort zu ma Wenn es präziser wäre, müsste ich die Hacke wissen. Das erste wird eingeleitet. – Basti

+0

Ich bekomme den Fehler, der jetzt sagt, '[ts] Property 'push' existiert nicht für den Typ 'string'. any "Es wird als leeres Objekt in der Klasse – Nofel

Verwandte Themen