How to Set Values in Reactive Forms

Daily Angular Tips, Tricks, and Best Practices: Part 8

As a developer, there is no limit to learning. We always need to be up to date with technologies as well as the upcoming or current features which are trending in the market.

Recently, I was looking for the best techniques to write clean and optimize my angular code. I have gone through a lot of articles, and as we know, it is limitless. Then I thought of consolidating the checklist with different Basic Angular Topics which helped me and might help others too in the future.

These small articles not only help you to write a better and clean Angular Code but also clear the concepts of front-end technologies. This will help you to build your strong base and can help you in the upcoming frontend interviews.

Let’s move towards our main discussion.

One of the most basic topics in any programming is creating forms and validate them. In Reactive forms when data comes from the backend or we might need to set the form values, we can achieve this by following different approaches. Let’s see how we can set the value to forms?

We can use the following methods to update the value of a reactive form control.

1. Methods using setValue()

2. Methods using patchValue()

3. We can update multiple controls in the form group if required using the PatchValue

4. We can use the set value by mapping the exact same JSON as a form group

5. When we have form array to patch values

To see practical example in details checkout here »