Setvalue vs Patchvalue Angular

A not so always clear differentiation between setvalue and patchvalue has drove me to deeply understand the difference between them.

Setvalue and Patchvalue are methods from the Angular Formgroup. They both set the value of a control in a formgroup. The clear difference is that setvalue cannot exclude some controls while the patchvalue is able to do just that.

So let’s assume we have a formgroup with 2 controls: Name & Age

if we want to set the value of one control, this will not work, therefor we have to set the value of both controls:

formgroup.setValue({name: ‘Mocrosoft’, age: ‘25’});

It is necessary to mention all the controls inside the method. If this is not done, it will throw an error.

On the other hand patchvalue is a lot easier on that part, let’s say we only want to assign the name as a new value:

formgroup.patchValue({name:’Mocrosoft’});

See how we exclude age and this will work without throwing any errors.

This is all for today, I’m going off the line, bye!