FacetValueSelectorComponent
FacetValueSelectorComponent
A form control for selecting facet values.
Example
<vdr-facet-value-selector
[facets]="facets"
(selectedValuesChange)="selectedValues = $event"
></vdr-facet-value-selector>
The facets
input should be provided from the parent component
like this:
Example
this.facets = this.dataService
.facet.getAllFacets()
.mapSingle(data => data.facets.items);
Signature
class FacetValueSelectorComponent implements OnInit, ControlValueAccessor {
@Output() selectedValuesChange = new EventEmitter<FacetValue.Fragment[]>();
@Input() facets: FacetWithValues.Fragment[];
@Input() readonly = false;
facetValues: FacetValueSeletorItem[] = [];
onChangeFn: (val: any) => void;
onTouchFn: () => void;
disabled = false;
value: string[];
constructor(dataService: DataService)
ngOnInit() => ;
onChange(selected: FacetValueSeletorItem[]) => ;
registerOnChange(fn: any) => ;
registerOnTouched(fn: any) => ;
setDisabledState(isDisabled: boolean) => void;
focus() => ;
writeValue(obj: string | FacetValue.Fragment[] | Array<string | number> | null) => void;
}
Implements
- OnInit
- ControlValueAccessor
Members
selectedValuesChange
facets
FacetWithValues.Fragment[]
readonly
facetValues
FacetValueSeletorItem[]
onChangeFn
(val: any) => void
onTouchFn
() => void
disabled
value
string[]
constructor
(dataService: DataService) => FacetValueSelectorComponent
ngOnInit
() =>
onChange
(selected: FacetValueSeletorItem[]) =>
registerOnChange
(fn: any) =>
registerOnTouched
(fn: any) =>
setDisabledState
(isDisabled: boolean) => void
focus
() =>
writeValue
(obj: string | FacetValue.Fragment[] | Array<string | number> | null) => void