Multi select Dropdown Directive For AngularJS

Author: isteven
Official Page: Go to website
Publish Date: December 15, 2014
License: MIT


An AngularJS directive to to creates a dropdown button with multiple or single selections. Requires only AngularJS and nothing else. Fully configurable through element attributes and CSS.


  • Pure AngularJS. Can be easily combined with other Javascript libraries such as jQuery, Twitter Bootstrap, etc.
  • Multiple or single selection types
  • Use HTML & CSS in your button & checkbox labels
  • Change/update input model on the fly
  • Unlimited nested grouping
  • Utilizes AngularJS filter
  • Responsive to some extent
  • Arrow key navigation support
  • Event callbacks available
  • Reset selections to original state
  • Configurable, such as:
    • Set orientation of checkboxes (vertical/horizontal)
    • Enable / disable all or one of the checkboxes (granular control)
    • Set maximum number of items to be displayed on the button label
    • Set which helper elements to display
    • Set default text when nothing is selected


Multi select Dropdown Directive For AngularJS

Multi select Dropdown Directive For AngularJS

You Might Be Interested In:

Add Comment