A multiselect dropdown list for AngularJS styled to fit the Twitter Bootstrap standard design
Screenshot:
Originally created by Amitava Saha (https://github.com/amitava82/angular-multiselect)
$ bower install angular-bootstrap-multiselect --save
Add "ui.multiselect" to your modules list. Then you can use it like follows:
<multiselect
ng-model="selectModel"
options="c for c in selectOptions" // use ... c.name for c in ... for objects
data-multiple="true" // true for multi-select mode
data-compare-by="id" // set key to compare objects, otherwise is has to be equal to options
scroll-after-rows="5" // Show scroll bar after 5 rows
filter-after-rows="5 // Show filter input after 5 rows
max-width="100" // The maximum width of the multiselect dropdown button
tabindex="-1"> // tabindex setting for dropdown
</multiselect>
See index.html and app.js for examples and how it works.
Start web server e.g. via Python:
$ python -m SimpleHTTPServer 8000
Start Karma E2E tests (has to be installed globally before):
$ karma start
Copyright (c) 2015 Sebastian Hammerl, Getslash GmbH
Copyright (c) 2014 Amitava Saha
Licensed under the MIT License