@angular/aria/combobox

ComboboxInput

directive

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"/>