Chaining Directive Within Directive In Angularjs

I wished to create something like the following using custom directive. I am able to get the 'Categories' section, but not the 'breadcrumb' part. Using ng-repeat in the breadcrumb

Solution 1:

The third directive is not required in jsfiddle. I hooked a service on "click" event of the "branch" node and then linked the category content to the rootscope (which was my requirement). I will see in case I can tweak the fiddle with a working implementation once I get some time.