Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 

README.md

angular-lazy-tree

An AngularJS tree directive supporting lazily-loaded nodes

This features a recursive design where events are propagated up and down the tree nodes. It requires an array defining the parent nodes, an attribute representing a node's ID, and a callback function to load children nodes. This function can return a promise or an array of child nodes.

Other features:

  • Auto-expand a given hierarchy of node IDs
  • Auto-select a node. Usually used in conjunction with auto-expansion.

Usage: angular.module('myApp', ['lazy-tree', ...]);

Demo here: http://jsfiddle.net/alalonde/NZum5

More infomation here: http://blog.boxelderweb.com/2013/08/19/angularjs-a-lazily-loaded-recursive-tree-widget/

License: MIT

Notes

This directive is mainly posted for academic purposes; mainly, to prove the concept of recursive tree nodes. I cannot recommend using it out of the box as it is largely untested and will require changes to the node template to be useful.

To Do:

  1. Extract some of the DOM-manipulation code into the template so it's easier to modify (e.g. the spinner image)
  2. Improve event bubbling so that there is no need to broadcast events from an external controller for it to function correctly
  3. Testing...

About

An AngularJS tree directive supporting lazily-loaded nodes

Resources

License

Releases

No releases published
You can’t perform that action at this time.