1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
| import { Component } from '@angular/core';
|
| @Component({
| selector: 'app-tree-antd-demo-async',
| template: `
| <nz-card nzTitle="Async">
| <nz-tree [nzNodes]="nodes"
| [nzCheckable]="true"
| [nzOptions]="options"
| (nzEvent)="onEvent($event)"></nz-tree>
| </nz-card>
| `
| })
| export class TreeAntdAsyncComponent {
| nodes = [
| {
| name: 'root1',
| hasChildren: true
| },
| {
| name: 'root2',
| hasChildren: true
| },
| {
| name: 'root3',
| hasChildren: true
| },
| {
| name: 'root4',
| hasChildren: true
| }
| ];
|
| options = {
| getChildren: (node: any) => {
| return new Promise((resolve, reject) => {
| setTimeout(() => resolve([
| { name: 'async data1' },
| { name: 'async data2', hasChildren: true }
| ]), 1000);
| });
| }
| };
|
| onEvent(ev: any) {
| console.log('async', 'onEvent', ev);
| }
| }
|
|
