unscrambl-angular-bootstrap-multiselect
Native AngularJS multiselect directive.
Last updated 2 years ago by cdagli .
MIT · Original npm · Tarball · package.json
$ cnpm install unscrambl-angular-bootstrap-multiselect 
SYNC missed versions from official npm registry.

angular-bootstrap-multiselect

A multiselect dropdown list for AngularJS styled to fit the Twitter Bootstrap standard design

Screenshot:

Screenshot

Originally created by Amitava Saha (https://github.com/amitava82/angular-multiselect)

Installation via Bower:

$ bower install angular-bootstrap-multiselect --save

Usage:

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.

Testing:

Start web server e.g. via Python:

$ python -m SimpleHTTPServer 8000

Start Karma E2E tests (has to be installed globally before):

$ karma start

License

Copyright (c) 2015 Sebastian Hammerl, Getslash GmbH

Copyright (c) 2014 Amitava Saha

Licensed under the MIT License

Current Tags

  • 0.3.5                                ...           latest (2 years ago)

1 Versions

  • 0.3.5                                ...           2 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 1
Dependencies (0)
None
Dev Dependencies (0)
None
Dependents (0)
None

Copyright 2014 - 2017 © taobao.org |