The ControlValueAccessor for writing a range value and listening to range input changes. The value accessor is used by the FormControlDirective, FormControlName, and NgModel directives.

Exported from

• ReactiveFormsModule

• FormsModule

Selectors

• input[type=range][formControlName]
• input[type=range][formControl]
• input[type=range][ngModel]

Description

Using a range input with a reactive form

The following example shows how to use a range input with a reactive form.

const ageControl = new FormControl();

<input type="range" [formControl]="ageControl">