--Angular-01-关于angular-tree-component--

本系列记录在实际开发过程中,小虾米遇见的angular-tree-component的使用。

(可能会有很多篇,这一篇主要记录初识angular-tree-component的体验)

树形控件的原代码如下:

 1 @Component({
 2   selector: 'app',
 3   template: '<tree-root [nodes]="nodes" [options]="options"></tree-root>'
 4 });
 5 
 6 export class App {
 7   nodes = [
 8     {
 9       id: 1,
10       name: 'root1',
11       children: [
12         { id: 2, name: 'child1' },
13         { id: 3, name: 'child2' }
14       ]
15     },
16     {
17       id: 4,
18       name: 'root2',
19       children: [
20         { id: 5, name: 'child2.1' },
21         {
22           id: 6,
23           name: 'child2.2',
24           children: [
25             { id: 7, name: 'subsub' }
26           ]
27         }
28       ]
29     }
30   ];
31   options = {};
32 }

 

posted @ 2020-09-07 14:25  小虾米在code江湖  阅读(301)  评论(0编辑  收藏  举报