Cookies concent notice

This site uses cookies from Google to deliver its services and to analyze traffic.
Learn more
Skip to main content
This site is no longer updated.Head to Angular.devHome
/

This is the archived documentation for Angular v17. Please visit angular.dev to see this page for the current version of Angular.

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.

See more...

Exported from

Selectors

Description

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>