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

import {Component} from '@angular/core';
import {NgForm} from '@angular/forms';
@Component({
    selector: 'example-app',
    template: '

        
        
        Submit
    
    
First name value: {{ first.value }}
    
First name valid: {{ first.valid }}
    
Form value: {{ f.value | json }}
    
Form valid: {{ f.valid }}
',
})
export class SimpleFormComp {
    onSubmit(f: NgForm) {

        // some stuff

        f.resetForm();
    }
}