Angular Framework has Template Driven Forms and Model-Driven Forms (Reactive Forms). Template Driven Forms is HTML centric, whereas Model Driven Forms is typescript centric via the Reactive Forms.
Reactive Forms provides the flexibility of validation, unit testing, and code splitting.
Custom Form Control
When creating custom components, we need to implement
ControlValueAccessor and provide it via
NG_VALUE_ACCESSOR to communicate with Angular Forms API.
FormControlmaps to individual HTML input element.
FromGroupgroup of individual
FormArrayis an array of
InjectionTokenfor registering additional synchronous validators used with