angular-multi-select-tree
A native Angular multi select tree. No JQuery.
Demo Page:
Features:
Very Easy to Use:
- Plug and Play component
- Tree List
- Databind
- Filter/NoFilter by search textbox
- Checkbox
- Select one only or Multiselect
- NO JQuery
Design details:
Custom element using Angular Directive and Templating
Callbacks:
This is your onchange :)
Usage:
Get this awesome component to your project by:
bower install kjvelarde-angular-multiselectsearchtree --save # bower install long name ehhfsaduasdu lol . just kidding use the first one :)
Make sure to load the scripts in your html.
<link rel="stylesheet" href="../dist/kjvelarde-multiselect-searchtree.min.css"> <script type="text/javascript" src="../dist/angular-multi-select-tree.min.js"></script> <script type="text/javascript" src="../dist/angular-multi-select-tree.tpl.js"></script>
And Inject the module as dependency to your angular app.
angular.module('[YOURAPPNAMEHERE!]', ['multiselect-searchtree', '....']);
Html Structure:
<multiselect-searchtree multi-select="true" data-input-model="data" data-output-model="selectedItem2" data-callback="CustomCallback(item, selectedItems)" data-select-only-leafs="true"> </multiselect-searchtree>
That's what all you have to do.
License
MIT, see LICENSE.md.