Autocomplete api
NbAutocompleteDirective
Inputs
| Name | Type | Description |
| overlayOffset | number | Determines options overlay offset (in pixels). |
| scrollStrategy | NbScrollStrategies | Determines options overlay scroll strategy. |
| nbAutocomplete | NbAutocompleteComponent | Provides autocomplete component. |
| focusInputOnValueChange | boolean | Determines if the input will be focused when the control value is changed |
Properties
| Name | Type | Description |
| _autocomplete | NbAutocompleteComponent<T> | NbAutocompleteComponent instance passed via input. |
| isClosed | boolean | Determines is autocomplete overlay closed. |
| isOpen | boolean | Determines is autocomplete overlay opened. |
NbAutocompleteComponent
Inputs
| Name | Type | Description |
| activeFirst | boolean | Flag passed as input to always make first option active. |
| handleDisplayFn | Function passed as input to process each string option value before render. | |
| optionsListClass | Specifies class to be set on | |
| optionsPanelClass | Specifies class for the overlay panel with options | |
| size | NbComponentSize | Autocomplete size, available sizes:
|
Outputs
| Name | Type | Description |
| selectedChange | EventEmitter<T> | Will be emitted when selected value changes. |
Properties
| Name | Type | Description |
| hostRef | ElementRef | HTML input reference to which autocomplete connected. |
| id | string | Component scoped id for aria attributes. |
| options | QueryList<NbOptionComponent> | List of |
| portal | NbPortalDirective | NbOptionList with options content. |
| hostWidth | number | Returns width of the input. |
Methods
| Name | Description |
| emitSelected() | parameters: selected: returns:voidPropagate selected value. |
| setHost() | parameters: hostRef: returns:ElementRefvoidAutocomplete knows nothing about host html input element.
So, attach method set input hostRef for styling. |
NbOptionGroupComponent
Methods
| Name | Description |
| asyncUpdateOptionsDisabledState() | returns: voidUpdates options disabled state after promise resolution.
This way change detection will be triggered after options state updated.
Use this method when updating options during change detection run (e.g. QueryList.changes, lifecycle hooks). |
| updateOptionsDisabledState() | returns: voidSets disabled state for each option to current group disabled state. |
Need some help or found an issue?
Ask on Stack Overflow with tag `nebular` or post an issue on GitHub.