Create a Tree in AngularJS

Question

I am trying to create a tree control to use in AngularJS. In an attempt to do this, I'm basing my implementation on this JSFiddle.

This example uses a single 'Parent' element. How could I modify this example such that I could have multiple parents? I need to have a structure like this:

Parent 1
  Child A
    GC I
    GC II
  Child B
Parent 2
  Child C
    GC III
  Child D
    GC IV
    GC V
    GV VI
Parent 3
   Child E
   Child F

For the life of me, I can't figure out how to get multiple parent objects to work. Thank you!

C Fairweather · Accepted Answer · 2014-01-15 22:27:17Z

1

I updated your fiddle to allow a tree to be an array!

http://jsfiddle.net/n8dPm/189/

<tree families="treeFamily"></tree>

and

 '<div ng-repeat="family in families">'+
            '<p>{{ family.name }}</p>'+
            '<ul>' + 
                '<li>'+
                   '<tree families="family.children"></tree>' +
                '</li>'+
            '</ul>'+
            '</div>',

answered Jan 15, 2014 at 22:27

C Fairweather

6964 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Create a Tree in AngularJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related