qwc/projects/qwc/src/lib/components/qwc-search-input/qwc-search-input.component.ts
A text field like component specifically used for input of "Search as you type" text. Emits user typed text after debouncing by 200ms
| selector | qwc-search-input |
| templateUrl | qwc-search-input.component.html |
Properties |
Methods |
Inputs |
Outputs |
| placeholder |
Default value : "Search"
|
| value |
Default value : ""
|
| valueChanged |
Type : EventEmitter
|
| clear |
clear()
|
|
Clear
Returns :
void
void |
| ngOnInit |
ngOnInit()
|
|
Component lifecycle hook Emit new value when input field's text changes.
Returns :
void
void |
| onBlur |
onBlur()
|
|
On blur
Returns :
void
void |
| onFocus |
onFocus()
|
|
On focus
Returns :
void
void |
| _searchText |
Type : string
|
Default value : ""
|
| guid |
Default value : Date.now()
|
| isCancelBtnHidden |
Default value : true
|
|
Clear button visibility flag for deleting input text |
| isFocussed |
Default value : false
|
| queryField |
Type : FormControl
|
Default value : new FormControl()
|