Angular, 3rd Edition

12.3.8Formular zurücksetzen

Die Methode reset()

Nachdem das Formular erfolgreich abgeschickt wurde, müssen wir alle Felder auf ihren Ausgangszustand zurücksetzen. Das betrifft nicht nur die Formularwerte, sondern auch die Zustände des Formulars und die Validatoren. Die drei Bausteine FormGroup, FormArray und FormControl besitzen dazu eine passende Methode reset(). Sollen die Formularfelder nicht auf leere Werte zurückgesetzt werden, so können wir als Argument auch die neuen Startwerte übergeben.

@Component({ /* ... */ })

export class MyFormComponent implements OnInit {

myForm: FormGroup;

// ...

submitForm() {

// ...

this.myForm.reset();

}

}

Listing 12–38 Formular zurücksetzen

12.3.9Formularwerte setzen

Mit Template-Driven Forms wurden Änderungen ...