以 Angular react 形式。如何在提交成功后只重置表单的状态?
过程如下:
- 根据服务结果创建表单和
setValue
- 修改值并提交表单
- 如果表单正确提交给服务,则重置并保留值
如何保持修改后的值并将表单重置为原始状态。
form.reset() 只是清空表单。但是,如果我不调用它,则状态不会重置,例如我根据表单状态类(原始、脏、有效等)进行的验证仍然存在。
最佳答案
@smnbbrv 的解决方案非常有效。
您还可以将实际表单值提供给 reset() 方法。
鉴于 myReactiveForm
是组件中的响应式表单这一事实。成功提交表单后(例如通过调用服务),您可以:
this.myReactiveForm.reset(this.myReactiveForm.value);
它将重置表单并将"new"表单值设置为与您的表单相同的值。
此方法可以在英雄之旅示例中看到 Official Angular.io doc
关于 Angular react 形式 : how to reset form state and keep values after submit,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43759590/