Guides
Guides

Expanding nodes on init

A common use case is to start with the tree expanded completely.
You can achieve this by calling treeModel.expandAll() after view init:

<tree-root #tree [nodes]="nodes"></tree-root> @Component { nodes = [...]; @ViewChild('tree') tree; ngAfterViewInit() { this.tree.treeModel.expandAll(); } }

Or to expand / activate specific nodes:

<tree-root #tree [nodes]="nodes"></tree-root> @Component { nodes = [...]; @ViewChild('tree') tree; ngAfterViewInit() { const someNode = this.tree.treeModel.getNodeById('someId'); someNode.expand(); const firstRoot = this.tree.treeModel.roots[0]; firstRoot.setActiveAndVisible(); } }

Did this page help you?