- Simple to use
- Well Documented
- Customizable (display fields, children's field, custom templates, etc...)
- Events
- API for accessing & altering the tree state
- Keyboard navigation
- Async data
- Easily styled (comes with very minimal styling)
git clone https://github.com/500tech/angular2-tree-component
cd angular2-tree-component/example/webpack
npm install
npm start
cd angular2-tree-component/example/systemjs
npm install
npm start
There's currently an issue with systemJS and lodash.
Until we solve it, please install lodash into the project:
npm install --save lodash
and add these lines to systemjs.config.js:
var map = {
'angular2-tree-component': 'node_modules/angular2-tree-component',
'lodash': 'node_modules/lodash',
};
var packages = {
'angular2-tree-component' : { main: 'dist/angular2-tree-component.js', defaultExtension: 'js' },
'lodash' : { main: 'lodash.js', defaultExtension: 'js' },
};
Please refer to the full documentation:
https://angular2-tree.readme.io/docs
We would always love to hear suggestions for features & improvements - just open an issue.
Also, if there's anyone who created an awesome theme for angular2-tree-component - please send to [email protected].
Some things on our mind down the road:
- virtual scroll
- drag & drop behaviour in the tree
- context menu
- save & restore tree state
- support both children-padding & computed level-based padding
- checkbox & master checkbox support
- filter & search