Skip to content


Folders and files

Last commit message
Last commit date

Latest commit



7 Commits

Repository files navigation


Source for the sf.treeRepeat module for AngularJS


Adds a pair of directives that can be used to display recursive (tree) data.

See for the back story.


Whether you build the component, copy the raw source or use bower (see below), the end result should be included in your page and the module sf.treeRepeat included as a dependency:

angular.module('myModule', ['sf.treeRepeat']);

Then use the directive sf-treepeat and sf-treecurse as follows:

  <li sf-treepeat="node in children of treeData">
      <li sf-treecurse></li>

Check out the examples in the demo folder for all the details.


Grunt is used as the build tool, so you will need node and npm installed. Since v0.4, grunt has 2 parts: the heavy lifting package grunt and the shell command grunt-cli. If you haven't already installed grunt-cli globally, do so now with:

sudo npm install -g grunt-cli

To run the simple demo, install the npm dependencies for the build tools and go:

npm install
grunt demo

You can now view the demo at http://localhost:8000/

Build with grunt dist and choose a file from the dist directory.

Using the component

For use with bower, there is a separate repo containing just the built artifacts here: angular-tree-repeat-bower. You can add the component to your project with:

bower install angular-tree-repeat

Or by adding a line to your component.json file.

If you are using grunt for your build, consider using a plugin like bowerful.

All comments to


0.0.0 (09 Feb 2014)