Comment déclencher Angular 2 formulaire soumis depuis le composant?

Question

En gros, j'ai

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

Je veux pouvoir déclencher submit() à partir du composant. J'ai essayé @viewChild('formElement') et renderer.invokeElementMethod Pour déclencher click().

Answer 1

NgForm a la propriété ngSubmit qui est EventEmitter . Ainsi, faire emit() sur cette propriété à partir du composant déclenchera une soumission.

Vous devez également utiliser votre variable f au lieu de formElement car f fait référence à ngForm.

@ViewChild('f') form: NgForm;

form.ngSubmit.emit();