How to trigger Angular 2 form submit from component?

user_6651959 0
Viewed 16171

Basically, I have

<form #f="ngForm" (ngSubmit)="save(f.form)" #formElement>
    ...
    <button class="btn btn-primary" #saveButton>Save</button>
</form>

I want to be able to trigger submit() from the component. I've tried @viewChild('formElement') and renderer.invokeElementMethod to trigger click().

angular2-template angular2-forms angular
2 Answers

NgForm has property ngSubmit which is EventEmitter. So doing emit() on this property from the component will trigger a submit.

Also you need to use your f variable instead of formElement because f is referencing to ngForm.

@ViewChild('f') form: NgForm;

form.ngSubmit.emit();
user_31549530

I was trying that ngSubmit.emit() approach to update the validation state of the form fields from component, now this can be done with:

this.formGroup.markAllAsTouched();
user_118640650
Related