@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 {}

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