Discussion on "Creating custom form controls using Control Value Accessor in Angular"

Adithya Sreyaj · 2021-07-12T14:44:58.453Z

How to create custom form controls in Angular using ControlValueAccessor? We can create custom form components and connect them to either template-driven forms or reactive forms. So when I say custom form controls, I am talking about those elements t...

Hi. Great article. i was just wondering for the following " this.onTouched(); // <-- mark as touched this.selected = code; this.onChanged(code); // <-- call function to let know of a change "

why does calling this.onTouched(); mark it as touched. is it not an empty function?

Angular actually gives you a reference to function in the registerOnTouched() callback. That function is wired up internally by Angular such that If we call the function, Angular will mark the form control as touched.

Ref: v17.angular.io/api/forms/ControlValueAccessor

what about validation in cva ? how can we do that ?

We can use NG_VALIDATORS for adding validations to the custom element. I will try to write an article about the same.

Really helpful tutorial Adithya. I gotta write one of these at work today and your tut very easy to understand!

Glad it was helpful ❤️

Discussion

Creating custom form controls using Control Value Accessor in Angular

Responses(3)

Recent in Forum

Search Hashnode

Creating custom form controls using Control Value Accessor in Angular

Responses(3)

Recent in Forum