Below is what helped me reset my reactive form, with validations set to initial state after submission
import { FormGroupDirective} from '@angular/forms';
@ViewChild(FormGroupDirective) formGroupDirective!: FormGroupDirective;
// Add this after form submit
// To retain name value
const nameValue = this.form.get('name').value;
this.formGroupDirective.resetForm();
this.form.patchValue({ // Restore name value
name: nameValue
});
Got this answer from this excellent youtube video - https://www.youtube.com/watch?v=V4FKf8JDkC8