Angular material tree expand a particular node

angular tree angular-material2 expand
androidGenX picture androidGenX · Apr 9, 2019 · Viewed 10.6k times · Source

I have seen various examples to expand all nodes in mat-tree using

expandAll()

Is there any mechanism to expand a particular node if we click on it. Something like

node.expand()

I had referred angular material documentation but not got any answer. Please guide if anyone gone through it.

Answer

bugs picture bugs · Apr 9, 2019

What you are looking for is the expand method on treeControl, which operates on the treeControl.dataNodes array.

Something like

this.treeControl.expand(this.treeControl.dataNodes[/** node you want to expand **/]);

Just keep in mind that if you want to expand a particular node, all its ancestors up to the root need to be expanded as well.

Demo

Related questions

Angular2 UL/LI JSON-tree recursive in ngFor

I'd like to convert JSON-trees into unordered lists in Angular2. I know the recursive directive solution from Angular1 and I am pretty sure the solution in Angular2 will be recursive too. [ {name:"parent1", subnodes:[]}, {name:"parent2", subnodes:[ {name:"parent2_child1", …

Read More
PrimeNG Tree - select TreeNode programmatically

I am using the PrimeNG Tree component to enable the users to select some values based on a tree structure. The selected nodes will be later stored in a database and when the user visits the edit dialog again these …

Read More
Can't bind to 'ngModel' since it isn't a known property of 'input'

I've got the following error when launching my Angular app, even if the component is not displayed. I have to comment out the <input> so that my app works. zone.js:461 Unhandled Promise rejection: Template parse errors: Can't …

Read More