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
49
| import { Component, OnInit } from '@angular/core';
@Component({
selector: 'nz-demo-tree-select-basic',
template: `
[nzDefaultExpandedKeys]="expandKeys"
[nzNodes]="nodes"
nzShowSearch
nzPlaceHolder="Please select"
[(ngModel)]="value"
(ngModelChange)="onChange($event)">
`
})
export class NzDemoTreeSelectBasicComponent implements OnInit {
expandKeys = [ '100', '1001' ];
value: string;
nodes = [ {
title : 'parent 1',
key : '100',
children: [ {
title : 'parent 1-0',
key : '1001',
children: [
{ title: 'leaf 1-0-0', key: '10010', isLeaf: true },
{ title: 'leaf 1-0-1', key: '10011', isLeaf: true }
]
}, {
title : 'parent 1-1',
key : '1002',
children: [
{ title: 'leaf 1-1-0', key: '10020', isLeaf: true }
]
} ]
} ];
onChange($event: string): void {
console.log($event);
}
ngOnInit(): void {
// mock async
setTimeout(() => {
this.value = '1001';
}, 1000);
}
} |
京公网安备 11010802041100号