AutoComplete (Angular)
This guide demonstrates how to use the AutoComplete component.
AutoComplete Properties
| 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. |
Select TextProperty
Set Placeholder
AutoComplete Events
| 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.
Angular declaration
<rz-autocomplete #autocomplete0 placeholder="Search product..." textProperty="ProductName" (search)="autocomplete0Search($event)">
</rz-autocomplete>