Select
Basic Example

Classic example of basic ng-select control.

Selected city: {{selectedCity | json}}

Multiselect with custom bindings

Use [multiple]="true" to Select multiple elements

Selected cities: {{selectedCityIds}}

Custom tags

By providing custom function to [addTag] you can modify result of new tag.

Selected user: {{selectedUserIds}}

Custom templates

Custom selected item label, header and footer using ng-label-tmp, ng-header-tmp and ng-footer-tmp

Custom header {{item.name}} is cool {{item.name}} Custom footer

Selected city: {{selectedCityName}}

Virtual scroll

Use [virtualScroll]="true" to use this feature.

Selected city ID: {{selectedCityId}}

Grouping

Group by item key using key name as a string to groupBy input