Select theme:

AutoComplete (Angular)Link to this section

This guide demonstrates how to use the AutoComplete component.

AutoComplete PropertiesLink to this section

NameTypeDefaultDescription
Namestring'autocomplete' + index suffixUnique name of the AutoComplete.
PlaceholderstringemptyAutoComplete placeholder.
TextPropertystringnullAutoComplete data text property name.
ValuestringnullAutoComplete value.
Disabledboolean/expressionfalseIs AutoComplete disabled.
Visibleboolean/expressiontrueIs AutoComplete visible.

image

Select TextProperty

image

Set Placeholder

image

AutoComplete EventsLink to this section

NameTypeDefaultDescription
ChangeeventnullChange event of the AutoComplete. Selected value as event argument.
SearcheventnullSearch event of the AutoComplete. Entered text and data to assign returned result as event argument.

image

image

image

For more info about event actions please visit event actions in our documentation.

Angular declarationLink to this section

<rz-autocomplete #autocomplete0 placeholder="Search product..." textProperty="ProductName" (search)="autocomplete0Search($event)">
</rz-autocomplete>

© 2016-2026 Radzen Ltd. All Rights Reserved.
Designed and developed with ❤️ in Radzen Blazor Studio.
IP Geolocation by DB-IP

Select theme: