AutoComplete (Angular)link

This guide demonstrates how to use the AutoComplete component.

AutoComplete Propertieslink

Name	Type	Default	Description
Name	string	'autocomplete' + index suffix	Unique name of the AutoComplete.
Placeholder	string	empty	AutoComplete placeholder.
TextProperty	string	null	AutoComplete data text property name.
Value	string	null	AutoComplete value.
Disabled	boolean/expression	false	Is AutoComplete disabled.
Visible	boolean/expression	true	Is AutoComplete visible.

Name	Type	Default	Description
Change	event	null	Change event of the AutoComplete. Selected value as event argument.
Search	event	null	Search event of the AutoComplete. Entered text and data to assign returned result as event argument.

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

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

In this article —

Radzen is free to use. You can also test the premium features for 15 days.

Select theme: