Angular Reactive表单:提交后如何重置表单状态并保留值

本文介绍了Angular Reactive表单:提交后如何重置表单状态并保留值的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

呈角反应形式.成功提交后如何只重置表单的状态?

In an Angular reactive form. How to reset only the state of form after successful submit?

这里是过程:

• 创建表单并从服务结果中创建setValue
• 修改值并提交表格
• 如果表单已正确提交服务，则重置并保留值

如何保持修改后的值并将表单重置为原始状态.

form.reset()只是清空表单.但是，如果我不调用它，则状态不会重置，例如，我仍然依赖于表单状态类(原始，脏，有效等)进行验证.

A form.reset() simply empty the form. But if I don't call it, the state is not reset and for example my validations depending on form state classes (pristine, dirty, valid etc.) are still there.

推荐答案

@smnbbrv的解决方案效果很好.

The solution of @smnbbrv works pretty well.

您还可以将您的实际表单值提供给reset()方法.

You can also provide your actual form value to reset() method.

鉴于事实myReactiveForm是组件中的反应形式.成功提交表单后(例如通过致电服务)，您可以执行以下操作:

Given the fact myReactiveForm is a Reactive form in your component. After successful submit of your form (by calling a service for example), then your can do:

this.myReactiveForm.reset(this.myReactiveForm.value);

它将重置表单并将新"表单值设置为与表单相同的值.

It will reset the form and set the "new" form values to the same value you form had.

可以在英雄之旅"示例 Angular.io官方文档

This method can be see within Tour of Hero example Official Angular.io doc