A callback method that is invoked immediately after the default change detector has checked data-bound properties if at least one has changed, and before the view and content children are checked.
The changed properties.
A callback method that is invoked immediately after the default change detector has checked the directive's data-bound properties for the first time, and before any of the view or content children have been checked. It is invoked only once when the directive is instantiated.
The callback function to register
Registers a callback function that is called when the control's value changes in the UI.
This method is called by the forms API on initialization to update the form model when values propagate from the view to the model.
When implementing the registerOnChange method in your own value accessor,
save the given function so your class calls it at the appropriate time.
The following example stores the provided function as an internal method.
registerOnChange(fn: (_: any) => void): void {
this._onChange = fn;
}
When the value changes in the UI, call the registered function to allow the forms API to update itself:
host: {
'(change)': '_onChange($event.target.value)'
}
The callback function to register
Registers a callback function that is called by the forms API on initialization to update the form model on blur.
When implementing registerOnTouched in your own value accessor, save the given
function so your class calls it when the control should be considered
blurred or "touched".
The following example stores the provided function as an internal method.
registerOnTouched(fn: any): void {
this._onTouched = fn;
}
On blur (or equivalent), your class should call the registered function to allow the forms API to update itself:
host: {
'(blur)': '_onTouched()'
}
'initializeForm' function
Update 'schema', 'layout', and 'formValues', from inputs.
Create 'schemaRefLibrary' and 'schemaRecursiveRefMap' to resolve schema $ref links, including recursive $ref links.
Create 'dataRecursiveRefMap' to resolve recursive links in data and corectly set output formats for recursively nested values.
Create 'layoutRefLibrary' and 'templateRefLibrary' to store new layout nodes and formGroup elements to use when dynamically adding form components to arrays and recursive $ref points.
Create 'dataMap' to map the data to the schema and template.
Create the master 'formGroupTemplate' then from it 'formGroup' the Angular formGroup used to control the reactive form.