Angular react 形式 : how to reset form state and keep values after submit

标签 angular typescript angular-reactive-forms

以 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/

相关文章:

javascript - Angular 5,如果第一个函数有效则执行新函数

javascript - RxJS Observable forkJoin 不并行执行

javascript - 使用 Angular HttpClient 在 DELETE 请求完成后执行某些操作

angular - 如何在我的 View 中实现动态类?

angular - 将 FormGroup 放入类中的最佳方法

angular - Angular 模板中的问号是什么?

具有 ASP.NET Web API 验证的 Angular 2

typescript - vscode-jest 在 typescript 源文件中带有 ts-jest 断点

Angular 8 : Make FormBuilder Accept Numbers Only with Range for Latitude and Longitude

Angular - 如何使用响应式(Reactive)表单动态默认选中复选框