Kendo UI for Angular AutoComplete Overview

The Kendo UI for Angular AutoComplete is a form component that provides suggestions depending on the typed text.

It is a richer version of the <input> element and supports data binding, filtering, and templates.

The AutoComplete Component is part of Kendo UI for Angular, a professional grade UI library with 100+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

The following example demonstrates the AutoComplete in action.

Example
View Source
Edit In Stackblitz  
Change Theme:

Key Features

  • Data bindingYou can bind the AutoComplete to a list of possible values containing arrays of primitive or complex data.
  • Value bindingThe AutoComplete enables you to set its value to arrays of primitive data.
  • FilteringApart from its default filter functionality, the AutoComplete provides options for setting a minimum length of the search symbols and a built-in filter directive.
  • GroupingYou can group AutoComplete items and display them as a grouped result.
  • VirtualizationThe AutoComplete supports a virtualization mechanism which noticeably improves the performance of the component when it handles large datasets.
  • Disabled itemsYou can disable any of the AutoComplete items and prevent users from interacting with them.
  • SuggestionsThe AutoComplete renders suggestions which appear while the user types in the input field and also provides ways for controlling the behavior of the suggestion list such as preventing its opening and closing, and managing the focus of the displayed suggestion items.
  • TemplatesYou can customize the content of the AutoComplete by using templates for its items, header, footer, and other elements.
  • Forms supportYou can use the AutoComplete both in template-driven and reactive Angular forms.
  • GlobalizationAll Kendo UI for Angular Dropdowns provide globalization options.
  • AccessibilityThe AutoComplete is accessible for screen readers and supports WAI-ARIA attributes.
  • Keyboard navigationThe AutoComplete supports a number of keyboard shortcuts for processing various commands.

In this article

Not finding the help you need?