Quartz Headless docs/RangeSliderControlDirective

Search documentation

Type to search the documentation.

API: Forms

RangeSliderControlDirective

Angular Forms adapter for [qzRangeSlider].

Overview

Angular Forms adapter for [qzRangeSlider]. Value: { low: number; high: number } โ€” an object, never a tuple (map [low, high] yourself when migrating from Volt). null / undefined (e.g. reset()) show the full min..max range; any other shape is ignored. onChange fires once per user change; writeValue is silent. Touched fires when focus leaves the slider.

Selector

[qzRangeSlider][formControl], [qzRangeSlider][formControlName], [qzRangeSlider][ngModel]

Public methods

writeValue

writeValue(value: RangeSliderValue | null | undefined): void
Parameter Type Optional Description
value RangeSliderValue | null | undefined

setDisabledState

setDisabledState(isDisabled: boolean): void
Parameter Type Optional Description
isDisabled boolean

registerOnChange

registerOnChange(fn: (value: RangeSliderValue) => void): void
Parameter Type Optional Description
fn (value: V) => void

registerOnTouched

registerOnTouched(fn: () => void): void
Parameter Type Optional Description
fn () => void