DefaultValueAccessor
The default ControlValueAccessor for writing a value and listening to changes on input
elements. The accessor is used by the FormControlDirective, FormControlName, and
NgModel directives.
constructor
DefaultValueAccessorbooleanDefaultValueAccessorwriteValue
voidSets the "value" property on the input element.
anyvoidonChange
(_: any) => voidThe registered callback function called when a change or input event occurs on the input element.
onTouched
() => voidThe registered callback function called when a blur event occurs on the input element.
setProperty
voidHelper method that sets a property on a target element using the current Renderer implementation.
stringanyvoidregisterOnTouched
voidRegisters a function called when the control is touched.
() => voidvoidregisterOnChange
voidRegisters a function called when the control value changes.
(_: any) => {}voidsetDisabledState
voidSets the "disabled" property on the range input element.
booleanvoidDescription
The default ControlValueAccessor for writing a value and listening to changes on input
elements. The accessor is used by the FormControlDirective, FormControlName, and
NgModel directives.
Exported by
Usage Notes
Using the default value accessor
The following example shows how to use an input element that activates the default value accessor (in this case, a text field).
const firstNameControl = new FormControl();
<input type="text" [formControl]="firstNameControl">
This value accessor is used by default for <input type="text"> and <textarea> elements, but
you could also use it for custom components that have similar behavior and do not require special
processing. In order to attach the default value accessor to a custom element, add the
ngDefaultControl attribute as shown below.
<custom-input-component ngDefaultControl [(ngModel)]="value"></custom-input-component>