Skip to content
@ng-doc/ui-kit / Class

NgDocComboboxHostComponent

Connects a text field, a dropdown and a list into a combobox.

Decorators
@Component
Selectors
ng-doc-combobox-host
Generic types
T
Extends
DIControl<T, T>
Implements
NgDocOverlayHostNgDocInputHost<string>DICompareHost<T>NgDocDisplayValueHost<T>NgDocListHost
DeclarationTypeScript
@Component({ … })
export class NgDocComboboxHostComponent<T>
  extends DIControl<T>
  implements NgDocOverlayHost, NgDocInputHost<string>, DICompareHost<T>, NgDocDisplayValueHost<T>, NgDocListHost { … }

Members

Constructor

1
()
—

Properties

13
change: (value: T | null) => void
protected inherited from DIControlValueAccessor
—
changeDetectorRef: ChangeDetectorRef
protectedreadonly inherited from DIControlValueAccessor
—
compareFn: DICompareFunction<T>
@Input implements DICompareHost

Compares an option with the value.

config?: DIControlConfig<TModel, TChildModel> | undefined
protectedreadonly inherited from DIControl
—
disabledValue: WritableSignal<boolean>
protectedreadonly inherited from DIControlValueAccessor
—
displayValueFn: NgDocDisplayValueFunction<T>

Turns the value into the text of the field.

elementRef: ElementRef<HTMLElement>
protectedreadonly inherited from DIControlValueAccessor
—
incomingUpdate?: ((value: T | null) => void) | undefined
protectedreadonly inherited from DIControlValueAccessor
—
model: Signal<T | null>
protectedreadonly inherited from DIControlValueAccessor
—
ngControl: NgControl | null
protectedreadonly inherited from DIControlValueAccessor
—
readonly implements NgDocOverlayProperties
—
renderer: Renderer2
protectedreadonly inherited from DIControlValueAccessor
—
touch: () => void
protected inherited from DIControl

Function that should be used to make control touched.

Accessors

10
get disabled: boolean
inherited from DIControlValueAccessor

Returns true if the control is disabled.

set disabled: boolean
inherited from DIControlValueAccessor
—
get dropdown: NgDocDropdownComponent | undefined

The dropdown with the options.

get hasValue: boolean
inherited from DIControlValueAccessor

Returns true if the control is not empty.

get inputControl: NgDocBaseInput<string> | undefined
implements NgDocInputHost

The text field of the combobox.

get listHostOrigin: ElementRef<HTMLElement> | undefined
implements NgDocListHost
—
get origin: ElementRef<HTMLElement> | undefined

Origin of the dropdown (NgDocOverlayHost).

get panelClass: string
—
get searchText: string
—
get width: number
—

Methods

5
(): void

Opens the dropdown when the field is clicked.

(): void
inherited from DIControl
—
(…): void
inherited from DIControl

Method is called by the forms API.

(…): void
inherited from DIControl

Updates the model of the current control. This is the main method that should be used to update the model.

(…): void
inherited from DIControl

Method is called by the forms API to write to the view when programmatic changes from model to view are requested.

Symbol
Kind
Class
Decorators
@Component
Selectors
ng-doc-combobox-host
Generic types
T
Extends
DIControl<T, T>
Implements
NgDocOverlayHostNgDocInputHost<string>DICompareHost<T>NgDocDisplayValueHost<T>NgDocListHost
Scope
@ng-doc/ui-kit
Edit this page