setValue() & patchValue() in Template Driven Form | Angular Form | Angular 13+

In this lecture, you are going to learn about setValue and patchValue method in angular and what is its use and the difference between them. Both setValue and patchValue method is used to set values for form control.

When we use setValue to set values for form control, we need to pass the exact structure of form object and form group to setValue method. If the structure does not match, angular will throw an error. So, we can use setValue method, when we want to set value for all the form controls in a form.

On the other hand, we can use patchValue when we want to set value for some of the form controls. Here, we do not need to pass the exact structure of form object. Instead, we can pass the structure of form control whose value we want to set.

Let's understand the use of setValue and patchValue methods with an example.

[saikrishnagunipalli]

For setvalue you used like this this.form.setValue but for patchvalue you used like this this.form.form.patchValue why we need to do like this while patching this.form.form.patchvalue.

[seshubabubatchu]

hey Thanks for the detailed explanation

[vaishnavishimpi]

tutorial is very good just try to make it in hd quality.

[narenk]

Please complete this course, still some concepts are missing,

[Chakree]

why the ngForm is logging in the console eventhough we didn't use the console.log() on that setDefaultValues() method ??