gn-dropdown-multiselectdeprecated

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

Usage no npm install needed!

<script type="module">
  import gnDropdownMultiselect from 'https://cdn.skypack.dev/gn-dropdown-multiselect';
</script>

README

AngularJS Dropdown Multiselect

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)

Site

https://gatoninja.github.io/gn-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 gn-dropdown-multiselect

    2. Using npm:

      Just run npm install gn-dropdown-multiselect

    3. Manually: You can download the .js file directly or clone this repository

  2. Include the file in your app
    • <script src="gn-dropdown-multiselect.js"></script>.
    • You can also use the minfined version (gn-dropdown-multiselect.min.js).
  3. Include the module in angular (i.e. in app.js) - gn-dropdown-multiselect