ComboboxInput - Angular

An input that is part of a combobox. It is responsible for displaying the current value and handling user input for filtering and selection.

API

class ComboboxInput {
  readonly element: HTMLElement;
  readonly combobox: Combobox<any>;
  @Input() @Output('valueChange') value: ModelSignal<string>;
}

element

HTMLElement

A reference to the input element.

combobox

Combobox<any>

The combobox that the input belongs to.

value

ModelSignal<string>

The value of the input.

Description

An input that is part of a combobox. It is responsible for displaying the current value and handling user input for filtering and selection.

This directive should be applied to an <input> element within an ngCombobox container. It automatically handles keyboard interactions, such as opening the popup and navigating through the options.

<input
  ngComboboxInput
  placeholder="Search..."
  [(value)]="searchString"
/>