如何在ANGULAR 2中提交表单时重置表单验证

from.resetForm()

我已经尝试了很多东西,我发现实际上将form.submitted重置为false的唯一内容如下:

在模板中,将表单发送到提交函数:

在component.ts文件中,具有以下内容:

// import NgForm
import { NgForm } from '@angular/forms';

// get the passed in variable from the html file
submit(myForm: NgForm): void {

    console.log(myForm.form.status, myForm.form.dirty, myForm.form.pristine, myForm.form.untouched, myForm.submitted, myForm.dirty, myForm.pristine, myForm.untouched);

    // This is the key!
    myForm.resetForm();

    console.log(myForm.form.status, myForm.form.dirty, myForm.form.pristine, myForm.form.untouched, myForm.submitted, myForm.dirty, myForm.pristine, myForm.untouched);


}

console.log值输出以下内容 - 请注意它将重置所有值.

VALID true false false true true false false

INVALID false true true true false false true

我在RC.5中这样做,我在模板中定义我的表单元素.

通过表单提交或观看它ViewChild根本不起作用,这对我来说已经足够了.