Best AngularJs SelectBox Directives Plugins

ng2-select : Angular2 based Select Boxes

ng2-select : Angular2 based Select Boxes

Angular2 based replacement for select boxes.

Angular 2 Dropdown Multiselect

Angular 2 Dropdown Multiselect

Customizable dropdown multiselect in Angular 2, TypeScript with bootstrap css.

Angular Multiselect Dropdown

Angular Multiselect Dropdown

A simple, elegant and easily customizable multiselect dropdown in angular.

Features:

  • An angular directive for multiple selections using checkboxes.
  • Allows callbacks for opening and closing the multiselect dropdown.
  • Allows callbacks for selection event.
  • Restrict the number of items a user can select.
  • Select All / None feature.
  • Custom Direction for the dropdown (top, bottom, left, right).

Angular Dropdowns directives for AngularJS

Angular Dropdowns directives for AngularJS

Simple, standalone dropdown directives for AngularJS.Includes both a select-style dropdown and a menu-style dropdown. The menu-style dropdown attaches to an existing element (button, link, div, etc), whereas the select-style dropdown replaces the element it is attached to.

AngularJS ngSelectable Directive

AngularJS ngSelectable Directive

AngularJS ngSelectable directive allows you to easy select multiples items individually or in a group.

Angular 2 Multiselect Directive

Angular 2 Multiselect Directive

An Angular 2 multiselect component for your modern web application.

AngularJS Dropdown Multiselect

AngularJS Dropdown Multiselect

This directive gives you a Bootstrap Dropdown with the power of AngularJS directives.

  • Based on Bootstrap’s dropdown.
  • jQuery is not necessary.
  • Seperated your data and the selection data. no modification to the data made.
  • Built-in search.
  • Complete control on the selected items model to fit it to your requirements.
  • Two view options: normal list and checkboxes.
  • Pre-selected values.
  • Limit selection count.
  • Grouping items by property.
  • Callback events.

Angular Selector : Stylish Select box

Angular Selector : Stylish Select box

Angular Selector is a native AngularJS directive that transform a simple <select> box into a full html select with typeahead.

Custom Selectbox for AngularJS

Custom Selectbox for AngularJS

This is AngularJS directive for the custom selectbox. It accepts flat list such as [1, 2, 3, 4, 5], but you can also provide array of object which has to be formatted as follows: [{id: 1, name: 'item 1'}, {id: 2, name: 'item 2'}, {id: 3, name: 'item 3'}] It’s possible to go through the list with up and down key arrows, and to select the item by hitting enter or space.

oi.select : AngularJS directive of Select Element

oi.select : AngularJS directive of Select Element

oi.multiselect is an AngularJS directive which allows to select multiple items form a dropdown list. Without jQuery and other dependencies. Great for tags/tokens inputs.

  • multiselect
  • API compatible with Angular select
  • Angular 1.2+ without jQuery and other dependencies
  • search options by substring (including the search query to the server)
  • use Bootstrap styles (but you can use own styles)