angular 4 - 在表单提交后重置模板驱动表单验证

时间:2017-10-02 15:23:52

标签: angular

我的表单会这样打开:

<form novalidate #f="ngForm" (ngSubmit)="addPage(f)">

然而,在成功提交后,我会留在页面上,然后即使我不想要它们,也会弹出验证消息,那么如何在提交后重置表单?

提交表单的方法如下:

addPage({ value, valid }) {

我尝试在那里挤压f,然后做f.resetForm()但是没有成功。

2 个答案:

答案 0 :(得分:2)

尝试这样做(不确定你试图挤压f的地方),

<form novalidate #f="ngForm" (ngSubmit)="addPage(f); f.resetForm()">

看看是否有效。希望它有所帮助。

答案 1 :(得分:0)

默认情况下存在form属性,可以调用reset(),因此它应该是:

addPage({form, value, valid }) {
        form.reset();
        // rest of code