How to clear form after submit in Angular 2?

Question

I have some simple angular 2 component with template. How to clear form and all fields after submit?. I can\'t reload page. After set data with date.setValue(\'\')

Answer 1

Here's how I do it Angular 8:

Get a local reference of your form:

<form name="myForm" #myForm="ngForm"></form>

@ViewChild('myForm', {static: false}) myForm: NgForm;

And whenever you need to reset the form, call resetForm method:

this.myForm.resetForm();

---

You will need FormsModule from @angular/forms for it to work. Be sure to add it to your module imports.

Answer 2

resetForm(){
    ObjectName = {};
}

Answer 3

As of Angular2 RC5, myFormGroup.reset() seems to do the trick.