单击时递归添加新指令实例

I am trying to create an Angular Directive that is recursively filled with data (loaded through $http) by clicking elements. At the beginning there should be only a button. Upon clicking the button, data is loaded from a remote source through $http, a new instance of the directive is created, compiled and appended to the parent instance for each child. These child-directives are again buttons and should load and append their childrens data to them i.e the grandchildren are nested into the childrens' directive and so forth.I am trying to create an Angular Directive that