adm

angularjs-dropdown-multiselect

AngularJS Dropdown Multiselect

Showing:

Popularity

Downloads/wk

10.2K

GitHub Stars

451

Maintenance

Last Commit

4yrs ago

Contributors

23

Package

Dependencies

1

Size (min+gzip)

3.9KB

License

MIT

Type Definitions

Tree-Shakeable

No?

Readme

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

Features

  • 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.
  • Translation texts.
  • Scrollable list (useful for big lists)
  • Keyboard controls

Demo

http://dotansimha.github.io/angularjs-dropdown-multiselect/

Dependencies

  • required: AngularJS >= 1.5, Bootstrap >= 3.0

  • Make sure to add the dependencies before the directive's js file.

  • Note: Bootstrap JS file is not needed for the directive, it just uses the CSS file

Install

  1. Download the files
    1. Using bower: Just run bower install angularjs-dropdown-multiselect
    2. Using npm : Just run npm install angularjs-dropdown-multiselect
    3. Manually: You can download the .js file directly or clone this repository
  2. Include the file in your app
    • <script type="text/javascript" src="angularjs-dropdown-multiselect.js"></script>.
    • You can also use the minfined version (angularjs-dropdown-multiselect.min.js).
  3. Include the module in angular (i.e. in app.js) - angularjs-dropdown-multiselect

Contributing

Issues and PR's are much appreciated. We're currently working on reducing them. When you create a new PR please make it against the develop branch when adding new features and to the fix branch when fixing small issues instead of master.

Usage and Documentation

See the documentation and examples in the GitHub pages: http://dotansimha.github.io/angularjs-dropdown-multiselect/

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
Mihir-Spinx23 Ratings0 Reviews
Software Developer
1 year ago