DropDown (Angular)
This guide demonstrates how to use the DropDown component.
DropDown Properties
| Name | Type | Default | Description |
|---|---|---|---|
| Name | string | ‘dropdown’ + index suffix | Unique name of the DropDown. |
| Placeholder | string | empty | DropDown placeholder. |
| Data | array | null | DropDown data. |
| Value | string | null | DropDown value. |
| TextProperty | string | null | DropDown data text property name. |
| AllowFiltering | boolean/expression | false | Is DropDown filterable. |
| AllowClear | boolean/expression | false | Can clear DropDown value. |
| Multiple | boolean/expression | false | Is multiple selection allowed. |
| Disabled | boolean/expression | false | Is DropDown disabled. |
| Visible | boolean/expression | true | Is DropDown visible. |
| Template | string | null | DropDown item template. |
Select data
Select TextProperty
Set Placeholder
DropDown Events
| Name | Type | Default | Description |
|---|---|---|---|
| Change | event | null | Change event of the DropDown. Selected value as event argument. |
For more info about event actions please visit event actions in our documentation.
Angular declaration
<rz-dropdown #dropdown0 [data]="getProductsResult"
placeholder="Choose" textProperty="ProductName">
</rz-dropdown>