Feed
Pro
Search

Author

Write
Drafts

Bug0 - The AI-native e2e QA regression testing Passmark - The open-source AI framework for regression testing Hackathons Changelog Brand Hashnode gql skill - let your AI agent publish to your Hashnode blog The Foreword by Hashnode - official blog from the Hashnode team @hashnode on X Hashnode on LinkedIn Support - hello+support@hashnode.com Code of Conduct Terms Privacy Sitemap
Sign in

Search Hashnode

Search posts, tags, users, and pages

FeedDiscussion

Adithya Sreyaj

Full stack dev ✨

Jul 12, 2021

Creating custom form controls using Control Value Accessor in Angular

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...

sreyaj.dev9 min read

#angularjs #angular-2 #javascript #typescript #web-development

Responses(3)

Joe Smith

Aug 1, 2024

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?

Adithya Sreyaj

Full stack dev ✨

Aug 1, 2024

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

Joe Smith

Aug 2, 2024

Adithya Sreyaj Thanks.

Balaji Balamurugan

web development

Dec 1, 2021

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

Adithya Sreyaj

Full stack dev ✨

Dec 1, 2021

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