Angular Multi-Select Revue

angular-multi-selects.md

Angular Multi-Select Revue

isteven Angular MultiSelect

• Website: http://isteven.github.io/angular-multi-select/
• GitHub: https://github.com/isteven/angular-multi-select
• [41 Watchers] [622 Stars] [254 Forks] [Issues: 40 Open, 250 Closed]

Notes:

• Lots of features. Can be very pretty.
• The codebase is large and sloppy.
• I had performance issues with a large data-set.
• Model-binding seems wonky

alexandernst angular-multi-select

• Website: http://alexandernst.github.io/angular-multi-select/
• NPM: https://www.npmjs.com/package/angular-multi-select
• GitHub: https://github.com/alexandernst/angular-multi-select
• [2 Watch] [4 Stars] [3 Forks] [Issues: 16 Open, 27 Closed]

Notes:

• Fork of isteven project above (isteven/angular-multi-select#282)
• Code issues are cleaned up. Numerous and frequent commits. Some new features, etc...
• Implements nested items
• Has real performance issues with Large datasets

dotanshima AngularJS Dropdown Multiselect

• Website: http://dotansimha.github.io/angularjs-dropdown-multiselect/
• GitHub: https://github.com/dotansimha/angularjs-dropdown-multiselect
• [26 Watchers] [162 Stars] [132 Forks] [Issues: 82 Open, 28 Closed]

Dependencies:

• Lodash
• Bootstrap CSS

Notes:

• Simple look
• < 300 lines of source code

amitava82 angular-multiselect

• GitHub: https://github.com/amitava82/angular-multiselect
• [12 Watchers] [125 Star] [83 Fork] [Issues: 15 Open (5 mine), 24 Closed]
• NPM: https://www.npmjs.com/package/angular-multiselect

Notes:

• ~ 300 Lines of code
• Nice balance of size & features
• "Work in progress", some problems & inconsitancies
• Not being actively developed by creator, but he is receptive to feedback and PRs

Examples:

• http://plnkr.co/edit/HjI2ZSFhf7BAV21KeGn3?p=preview
• http://plnkr.co/edit/MKhohf?p=preview
• http://plnkr.co/edit/7Ja3vewFP9M822pfk5uE?p=preview

shalotelli angular-multiselect

• GitHub: https://github.com/shalotelli/angular-multiselect
• [Watchers: 6] [Stars: 8] [Forks: 5]

Notes:

• Seems a bit half baked, mismanged (broken demo, etc..)?
• Working Demo: http://plnkr.co/edit/LGiOOr9d35ageNpgLHUK?p=preview

AngularStrap select/multi-select

• WebSite: http://mgcrea.github.io/angular-strap/#/selects

Notes:

• looks nice and clean
• good documentation
• big project to pull in for one component
• no filtering

angular-ui ui-select

• GitHub: https://github.com/angular-ui/ui-select
• [140 Watchers] [1796 Stars] [923 Forks] [Issues: 516 Open, 334 Closed]
• Demo: http://plnkr.co/edit/juqoNOt1z1Gb349XabQ2?p=preview
• Lots of issues

angular-sc-select

• Wrapper around ui-select (above)
• GitHub: https://github.com/singlecomm/angular-sc-select
• Adds pagination, (un)select all, different api
• [10 Watchers] [0 Stars] [0 Forks]

Simple Home-rolled (no author?)

• http://jsfiddle.net/jaredwilli/vUSPu/
• 70 Lines of code
• Underscore dependency
• No search/filter

Simple Home-rolled (Rashim Muddin)

• Blog post: https://rashimuddin.wordpress.com/2014/07/08/multi-select-drop-down-in-angularjs/
• Demo: http://embed.plnkr.co/rz9n50NWNJ79OicEEUqV/preview
• Bootstrap JS dependency
• ~100 lines of code
• No Search/Filtering

Simple Home-Rolled (long2know)

• Blog post: https://long2know.com/2015/07/angular-multiselect-dropdown/
• More: https://github.com/long2know/angular-directives-general
• JSFiddle: https://jsfiddle.net/long2know/p3fpxuo5/light/
• ~500 Lines of code
• Has Filtering

Thank you for keeping this useful resource up to date.

I also stumbled across https://github.com/w11k/w11k-select which seems focused on performance for large data sets, but seems primitive in its features/display.