angular tree component expand after loading data

Question

I want to expand the first node on startup. I saw here the way to go. The difference is that I don't have the nodes in my code but get it from my databse. This is my Code:

this.appService.getTreeStructure().then((treeNodes) => {
      this.nodes = treeNodes;
      const treeModel: TreeModel = this.treeComponent.treeModel;
      console.log(treeModel);
      const firstNode: TreeNode = treeModel.getFirstRoot();
      console.log(firstNode);
      firstNode.expand();
    });

That doesnt work. the first console log shows that treeModel is an object but the second one is undefined. I can the a nodes property in treeModel that has allready all the nodes in it from the first output but I cant get access to them.

How can I expande the first node on startup?

Can you recreate this in a stackblitz? There's not enough information to go on here. — Kurt Hamilton
– Kurt Hamilton, Commented Feb 11, 2020 at 8:02
I dont know About stackblitz. But I just make a normal tree with angular tree component with node binding to nodes. The Code in my question is located in the 'ngOnInit' function. — LastChar23
– LastChar23, Commented Feb 11, 2020 at 8:44
Google is your friend: stackblitz.com. It's a way for you to create a live example of your problem so that people who want to help you can easily see what's going on without guessing at what might be wrong with code that isn't given in the question. — Kurt Hamilton
– Kurt Hamilton, Commented Feb 11, 2020 at 9:11

sirzento · Accepted Answer · 2020-02-11 09:00:54Z

2

When you update your nodes you need to listen to the updateData Event.

<tree-root [nodes]="nodes" (updateData)="onUpdateData()"></tree-root>

onUpdateData() {
      const treeModel: TreeModel = this.treeComponent.treeModel;
      const firstNode: TreeNode = treeModel.getFirstRoot();
      firstNode.expand();
}

answered Feb 11, 2020 at 9:00

sirzento

7481 gold badge7 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

angular tree component expand after loading data

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related