title: data iteration in directive for org chart
body: <p>Here a <a href="http://plnkr.co/edit/tEGLHYAdMX1yXi0piHa0?p=preview" rel="nofollow noreferrer">plunker</a> which have css based Organization Chart, i am tring to make it dynamic in angular js <a href="http://plnkr.co/edit/aGR7kwbTIAaAAdbU4PGD?p=preview" rel="nofollow noreferrer">plunker_angular js</a>, i am new to custom directive,</p>
  
  <p>is there any way to itrate my <code>$scope.data</code> with keep in mind it's parentId to draw a organation chart how can i do this using directive  <a href="http://plnkr.co/edit/aGR7kwbTIAaAAdbU4PGD?p=preview" rel="nofollow noreferrer">plunker_angular js</a></p>
  
  <p>depth of chart can be nth level , any help ?</p>