Material tree control not displaying async data from http service

Question

I am facing an issue with material tree control on Angular 6. When I use static data and return it as an observable using RxJS 'from' operator, it works fine. However, I have a web API returning similar model data which I am calling using http client get and returns a JSON. It is however not rendering the tree control in that case. Possibly, since earlier I used static data it returned quickly and with async data the UI is binding before data is actually being returned.

ngOnInit:void{
 this.nestedTreeControl = new NestedTreeControl<any>(this._getChildren);
    this.nestedDataSource = new MatTreeNestedDataSource();
    this.dataChange.subscribe(data => this.nestedDataSource.data = data);
    this.dataChange.next(this.treeData);
    this.dataService.getFolders().subscribe(data => {
      this.treeData.push(data);
    })
}

Where am I going wrong, Can anyone please pinpoint the problem?

Tauseef Malik · Accepted Answer · 2019-04-01 09:34:45Z

1

I was not publishing after updating the treeData.

this.dataService.getFolders().subscribe(data => {
      this.treeData.push(data);
      this.dataChange.next(this.treeData);
})

answered Apr 1, 2019 at 9:34

Tauseef Malik

1281 silver badge7 bronze badges

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

Collectives™ on Stack Overflow

Material tree control not displaying async data from http service

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