Angular 重置表单角度的最佳方式7表单重置

成功保存数据后重置表单角度

我得到了解决方案

---

form.reset（）；//或者form.resetForm（）

您可以调用表示表单的实例来重置它。

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

HTML代码

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

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

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

// Declare your form 
myform: FormGroup;

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

以反应形式

HTML代码

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

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

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

// Declare your form 
myform: FormGroup;

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

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

---

您使用的是模板驱动的表单还是模型驱动的表单？我使用的是反应式表单