Best way of reset form angular7 form reset

Question

reset form angular after saving data successfully

which form you are using template driven or Model-Driven? – Sneha Pawar Jan 14 '19 at 12:47 — Sneha Pawar, Jan 14 '19 at 12:47
reactive form i am using – Gopal Meena Jan 14 '19 at 12:50 — Gopal Meena, Jan 14 '19 at 12:50

score 1 · Answer 1 · answered Jan 14 '19 at 12:50

1

You can call reset() on the FormGroup instance that represents your form to reset it.

answered Jan 14 '19 at 12:50

SiddAjmera

38,129
5
72
110

score 1 · Accepted Answer · answered Jan 14 '19 at 12:55

If you are using Template Driven Form :

HTML code

<form #myForm="ngForm" (submit)="resetForm(myForm)"> ... </form>

TS Code

resetForm(form: NgForm){
form.reset(); // or form.resetForm();
}

In Reactive Form

HTML code

<form (ngSubmit)="resetForm()">
</form>

TS code

// Declare your form 
myform: FormGroup;

resetForm() {
 if (this.myform.valid) {
   this.myform.reset();
 }
 }

score 1 · Answer 3 · answered Jan 14 '19 at 13:11

1

The default .reset() method will wipe the inputs but it will not correctly reset the validators. If you're using validators, see this solution (or the main solution to the question if resetting after a submit).

https://stackoverflow.com/a/53522125/5108158

answered Jan 14 '19 at 13:11

Maximillion Bartango

1,533
1
19
34

score 0 · Answer 4 · answered Jan 14 '19 at 12:50

0

i got solution form.reset(); // or form.resetForm();

answered Jan 14 '19 at 12:50

Gopal Meena

107
1
2
8

Best way of reset form angular7 form reset

4 Answers4