Angular 4 Form FormArray Fügt eine Schaltfläche hinzu, um eine Formulareingabezeile hinzuzufügen oder zu löschen
Ich baue eine App mit Angular 4.0.2. Wie kann ich eine Schaltfläche zu einem Formular hinzufügen, um eine neue Eingabezeile und eine Löschschaltfläche für eine bestimmte zu löschende Zeile hinzuzufügen? Ich meine, dass ich eine Form so etwas möchte. Ich möchte, dass mein Formular ungefähr so aussieht:
.
Hier ist mein Code:
add-invoice.component.html
%Vor%Hier ist mein Code für add-invoice.component.ts
%Vor%1 Antwort
Hier ist eine verkürzte Version Ihres Codes:
Wenn Sie Ihr Formular initiieren, fügen Sie eine leere Formulargruppe in Ihrem formArray hinzu:
%Vor%Dann die Funktion:
%Vor% Hier sind die Funktionen addNewRow und deleteRow :
Ihr Formular sollte folgendermaßen aussehen:
%Vor%Hier ist ein
DEMO
Tags und Links forms angular angular2-forms