Skip to content

SiAutocompleteDirective documentation

selectorexported-as
input[siAutocomplete]siAutocomplete

Attributes and Methods

NameTypeDefaultDescription
(readonly) active
(undefined | null | SiAutocompleteOptionDirective<T>)

Types Documentation

Constructor
() => {}
Properties
active?: boolean
disabledInput: InputSignalWithTransform<boolean, unknown> = false
element: ElementRef<HTMLElement> = ...
id: InputSignal<string> = __si-autocomplete-option-${SiAutocompleteOptionDirective.idCounter++}
parent: SiAutocompleteListboxDirective<unknown> = ...
value: InputSignal<(undefined | T)> = undefined
idCounter: number = 0
Accessors
Whether the option is disabled.
get disabled: boolean from Highlightable.disabled
Methods
click: () => void
setActiveStyles: () => void from Highlightable.setActiveStyles
setInactiveStyles: () => void from Highlightable.setInactiveStyles
Constructor
() => {}
Properties
autocomplete: InputSignal<SiAutocompleteDirective<T>> = ...
changeDetectorRef: ChangeDetectorRef = ...
destroyRef: DestroyRef = ...
id: InputSignal<string> = __si-autocomplete-listbox-${SiAutocompleteListboxDirective.idCounter++}
injector: Injector = ...
keyManager: ActiveDescendantKeyManager<SiAutocompleteOptionDirective<any>> = ...
options: Signal<readonly SiAutocompleteOptionDirective<any>[]> = ...
siAutocompleteDefaultIndex: InputSignal<number> = 0
siAutocompleteOptionSubmitted: OutputEmitterRef<(undefined | T)> = ...
idCounter: number = 0
Accessors
get active: (null | SiAutocompleteOptionDirective<T>)
Methods
A callback method that is invoked immediately after the default change detector has checked the directive's data-bound properties for the first time, and before any of the view or content children have been checked. It is invoked only once when the directive is instantiated.
ngOnInit: () => void from OnInit.ngOnInit
Parameters
event: KeyboardEvent
setActiveItem: () => void

Except where otherwise noted, content on this site is licensed under MIT License.