@zvoove/components
Theme:
m2
m3
LOCALE_ID:
de
en-US
en-GB
Forms
Form
Form Errors
Form Field
Form Controls
Date Time Input
File Input
Number Input
Select
Components
Block Ui
Button
Card
Dialog Wrapper
Flip Container
Header
Table
View
General
Setup
Upgrade Notes
zv-select
Demo
API
Setup
Examples
zv-select
[dataSource] = new DefaultZvSelectDataSource(...)
[multiple]
[clearable]
[disabled]
[required]
[errorStateMatcher]
[panelClass] (color: green)
[selectedLabel]
(openedChange) $event = boolean
(selectionChange) $event = MatSelectChange
*zvSelectTriggerTemplate="let item"
*zvSelectOptionTemplate="let item"
DefaultZvSelectDataSource
items
500 items
items array
wrapped in observable
result of load function
mode
id
idKey
id property
labelKey
labelA property
searchDebounce
loadTrigger
Initial
FirstPanelOpen
EveryPanelOpen
sortBy
Selected
Comparer
sortCompare
custom (reverse by id)
Reactive forms
Your select
Value
Value Type
undefined
loadCount
0
Code:
app.component.html
app.component.ts
[(ngModel)] binding
Your select
Value
Value Type
null
Touched
close
Dirty
close
Errors
null
loadCount
0
Code:
app.component.html
app.component.ts
[(value)] binding
Your select
Value
Value Type
null
loadCount
0
Code:
app.component.html
app.component.ts