@angular/forms

RangeValueAccessor

directive

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.

API

  
    class RangeValueAccessor extends BuiltInControlValueAccessor implements ControlValueAccessor {}

void

Sets the "value" property on the input element.

@paramvalueany

@returnsvoid

void

Registers a function called when the control value changes.

@paramfn(_: number | null) => void

@returnsvoid

(_: any) => void

The registered callback function called when a change or input event occurs on the input element.

() => void

The registered callback function called when a blur event occurs on the input element.

void

Helper method that sets a property on a target element using the current Renderer implementation.

@paramkeystring

@paramvalueany

@returnsvoid

void

Registers a function called when the control is touched.

@paramfn() => void

@returnsvoid

void

Sets the "disabled" property on the range input element.

@paramisDisabledboolean

@returnsvoid

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.

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

          const ageControl = new FormControl();

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