angular - 提交后如何重置 Angular 形式并设置默认值

Question

我的预期结果是在提交表单后重置表单并将其默认值设置为绑定(bind)到 formGroup 控件。提交后，我尝试通过在表单提交上调用 reset() 将表单重置为其默认数据。请告诉我如何重置日期和时间字段中的默认值。

例子 :

pickupDate = new Date().toISOString().slice(0,10);
pickupTime = moment().format() ;

onSubmit(orderData: Order){
        this.apiService(orderData).subscribe( order => {
                 orderForm.reset()
})
}

请帮忙
谢谢

Answer 1

提交表单后。你在打电话
this.yourForm.reset()
然后您可以像这样将初始值修补到表单中。

this.yourForm.patchValue({
  firstControllerName: this.initialValues.value1,
  secondControllerName: this.initialValues.value2,
  // other controller names goes here
});

希望这可以帮助。