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

Question

保存数据成功后重置表格angular

Answer 1

我有解决办法 form.reset(); // 或 form.resetForm();

Answer 2

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

Answer 3

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

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 4

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

Best way of reset form angular7 form reset