How to bind dynamic data to angular-tree-grid?

Question

ERROR TypeError: Cannot read property 'map' of undefined

How to bind dynamic data. I am using angular-tree-grid but i am not able to bind dynamic data.

<html>    
    <db-angular-tree-grid 
        (expand)="onExpand($event)"
        [data]="data" 
        [configs]="configs">
    </db-angular-tree-grid> 
</html>

Can you explain which code piece is throwing the error? And make sure data is initialized properly. — MonkeyScript
– MonkeyScript, Commented Jan 16, 2020 at 6:40

slaesh · Accepted Answer · 2020-01-16 06:59:22Z

1

Seems like your variable data isn't set initially, and angular-tree-grid tries to .map() something.

Need to see more of your code, but try this:

<db-angular-tree-grid
    *ngIf="data"
    (expand)="onExpand($event)"
    [data]="data" 
    [configs]="configs">
</db-angular-tree-grid>

OR setting a default value as an empty array:

<db-angular-tree-grid
    (expand)="onExpand($event)"
    [data]="data || []" 
    [configs]="configs">
</db-angular-tree-grid>

edited Jan 16, 2020 at 6:59

answered Jan 16, 2020 at 6:44

slaesh

17k6 gold badges53 silver badges54 bronze badges

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

1 Comment

Ajay Shelke Over a year ago

this works for me <db-angular-tree-grid (expand)="onExpand($event)" [data]="data || []" [configs]="configs"> </db-angular-tree-grid>

Collectives™ on Stack Overflow

How to bind dynamic data to angular-tree-grid?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related