Skip to main content

FacetValueSelectorComponent

A form control for selecting facet values.

Example

HTML
<vdr-facet-value-selector  (selectedValuesChange)="selectedValues = $event"></vdr-facet-value-selector>

The selectedValuesChange event will emit an array of FacetValue objects.

Signature
class FacetValueSelectorComponent implements OnInit, OnDestroy, ControlValueAccessor {    @Output() selectedValuesChange = new EventEmitter<FacetValueFragment[]>();    @Input() readonly = false;    @Input() transformControlValueAccessorValue: (value: FacetValueFragment[]) => any[] = value => value;    searchInput$ = new Subject<string>();    searchLoading = false;    searchResults$: Observable<FacetValueFragment[]>;    selectedIds$ = new Subject<string[]>();    onChangeFn: (val: any) => void;    onTouchFn: () => void;    disabled = false;    value: Array<string | FacetValueFragment>;    constructor(dataService: DataService, changeDetectorRef: ChangeDetectorRef)    ngOnInit() => void;    ngOnDestroy() => ;    onChange(selected: FacetValueFragment[]) => ;    registerOnChange(fn: any) => ;    registerOnTouched(fn: any) => ;    setDisabledState(isDisabled: boolean) => void;    focus() => ;    writeValue(obj: string | FacetValueFragment[] | Array<string | number> | null) => void;}
  • Implements: OnInit, OnDestroy, ControlValueAccessor

selectedValuesChange

property

readonly

property

transformControlValueAccessorValue

property(value: FacetValueFragment[]) => any[]

searchInput$

property

searchLoading

property

searchResults$

propertyObservable<FacetValueFragment[]>

selectedIds$

property

onChangeFn

property(val: any) => void

onTouchFn

property() => void

disabled

property

value

propertyArray<string | FacetValueFragment>

constructor

method(dataService: DataService, changeDetectorRef: ChangeDetectorRef) => FacetValueSelectorComponent

ngOnInit

method() => void

ngOnDestroy

method() =>

onChange

method(selected: FacetValueFragment[]) =>

registerOnChange

method(fn: any) =>

registerOnTouched

method(fn: any) =>

setDisabledState

method(isDisabled: boolean) => void

focus

method() =>

writeValue

method(obj: string | FacetValueFragment[] | Array<string | number> | null) => void
Was this chapter helpful?
Report Issue
Edited Feb 2, 2026·Edit this page