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

最新推荐文章于 2021-11-29 15:43:43 发布

坐在那边看天空

最新推荐文章于 2021-11-29 15:43:43 发布

阅读量961

点赞数

分类专栏： angular

angular 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

如下树形数据结构，不定层级，用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:[....]
     }]
   }] 
 }
];
}