DropDown (Angular)link

This guide demonstrates how to use the DropDown component.

DropDown Propertieslink

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.

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.

<rz-dropdown #dropdown0 [data]="getProductsResult"
  placeholder="Choose" textProperty="ProductName">
</rz-dropdown>

In this article —

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

Select theme: