I have a reactive form with a form array in it. When I init my form, I push some form controls with default values in my form array.
Here’s the code:
formValues?.tipsAndTricks?.forEach((tipAndTrick) => {
this.tipsAndTricks.push(
this.fb.control(
{ id: tipAndTrick.id, tip: tipAndTrick.tip },
{ validators: [Validators.required, Validators.minLength(25), Validators.maxLength(2000)], updateOn: 'change' }
)
)
})
The problem is that my validators are not working because they are applied on an object: { id: tipAndTrick.id, tip: tipAndTrick.tip }
.
My question is how can I apply these validators only on the tip field of this object ?