Angular Reactive forms : how to reset form state and keep values after submit

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

Here is the process:

• Create the form and setValue from service result
• Modify values and submit the form
• If form is properly submitted to service, then reset and keep values

How to keep values as modified and reset the form to its pristine state.

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.

Continue reading...