angular-multi-select-tree

A native Angular multi select tree. No JQuery.

Demo Page:

[Demo] (http://htmlpreview.github.io/?https://github.com/kjvelarde/angular-multiselectsearchtree/blob/master/demo/index.html)

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.