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

前端之家收集整理的这篇文章主要介绍了如何从组件触发Angular 2表单提交?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
基本上,我有
<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();

猜你在找的Angularjs相关文章