如何从组件触发Angular 2表单提交？

发布时间：2020-12-17 09:53:20 所属栏目：安全来源：网络整理

导读：基本上,我有 form #f="ngForm" (ngSubmit)="save(f.form)" #formElement ... button class="btn btn-primary" #saveButtonSave/button/form 我希望能够从组件中触发submit(). 我已经尝试了@viewChild(‘formElement’)和renderer.invokeElementMethod来触发c

基本上,我有

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

我希望能够从组件中触发submit().
我已经尝试了@viewChild(‘formElement’)和renderer.invokeElementMethod来触发click().

NgForm具有属性ngSubmit,即 EventEmitter.因此,从组件对此属性执行emit()将触发提交.

此外,您需要使用f变量而不是formElement,因为f引用了ngForm.

@ViewChild('f') form: NgForm;

form.ngSubmit.emit();

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!