重置表格的最佳方法angular7表格重置

Question

成功保存数据后重新设置角度角度

Answer 1

您可以在代表表单的reset()实例上调用FormGroup来重置它。

Answer 2

如果您使用的是模板驱动表单：

HTML代码

<form #myForm="ngForm" (submit)="resetForm(myForm)"> ... </form>

TS代码

resetForm(form: NgForm){
form.reset(); // or form.resetForm();
}

以反应形式

HTML代码

<form (ngSubmit)="resetForm()">
</form>

TS代码

// Declare your form 
myform: FormGroup;

resetForm() {
 if (this.myform.valid) {
   this.myform.reset();
 }
 }

Answer 3

默认的.reset（）方法将擦除输入，但不会正确重置验证器。如果您使用的是验证程序，请参阅此解决方案（如果在提交后重置，则为问题的主要解决方案）。

https://stackoverflow.com/a/53522125/5108158

Answer 4

我有解决办法 form.reset（）; //或form.resetForm（）;