The “Kendo UI Angular 2 DropDownList” is a form component and used binds the data list and chooses a single predefined value as per you from a dropdown list and the data will be primitive types such as strings or numbers and so on..
Stayed Informed – Open as PLUNKER Demo
Stayed Informed – Angular 2 Step by Step Tutorials and Examples
There are multiple actions are available in the Dropdownlist as,
Best Multiple Configuration, Data Bindings and Types
| How to bind the DropDownList to an array of primitive data? | How to bind the DropDownList to an array of complex data? |
| How to bind the DropDownList to remote data by using a service? | How to bind the DropDownList to an asynchronous source? |
| How to bind DropDownList to an asynchronous data by using the async pipe? | How to define a defaultItem as a primitive value? |
| How to define a defaultItem as an object value? | How to Filter a DropDownList? |
Example: - Source code for Basic Usage as,
@Component({
selector: 'my-app',
template: `div class="example-wrapper">Select Item kendo-dropdownlist [data]="listItems"> /kendo-dropdownlist>
})
class AppComponent {
public listItems: Arraystring> = ["Item-1", "Item-2", "Item-3", "Item-4", "Item-5"];
}
References,
http://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/
http://docs.telerik.com/kendo-ui/third-party/angular2
