Recursion of Template Element in Angular2(ng2递归组件)

如下树形数据结构，不定层级，用ng2 呈现[ {   name: 'ABCD',   child:[     name: 'A1',     child:[      name: 'A1.1',      child:[....]     ]   ]  }]////定义组件，组件中再定义组件 
Component({  selector: 'child',  template: `<div>{{data?.name}}</div><child [data]="data?.child]></child>`})class ChildComponent {  @Input() data;}
@Component({  selector: 'my-app',  template: `<child [data]="data?.child]></child>`})class ChildComponent {data = [ {   name: 'ABCD',   child:[{     name: 'A1',     child:[{      name: 'A1.1',      child:[....]     }]   }]  }];}