local json file and ng2-smart-table

Question

How to load the local json file and display data in ng2-smart-table?

This is my current code for retrieve the data from the local json file:

public getList() {
    return this.http.get('./assets/data/line-items.json')
        .toPromise()
        .then(response => response.json())
        .then(json => {
            console.log('data', json.items);
            return json.items;
        });
}

and I want to pass all the data to [source] in ng2-smart-table

<ng2-smart-table [settings]="settings" [source]="data"></ng2-smart-table>

Array(50) 0:{id: 59, name: "...", …} 1:{id: 53, name: "...", …} 2:{id: 57, name: "...", …} — Jim, Nov 05 '17 at 11:16
your json looks good , can you show how you call `getList()` method ? — El houcine bougarfaoui, Nov 05 '17 at 11:26

score 1 · Accepted Answer · answered Nov 05 '17 at 12:22

1

getList return a promise, so you have to do this :

 this.getList().then(data=>{
   this.data = data;

});

answered Nov 05 '17 at 12:22

El houcine bougarfaoui

35,805
9
37
37

I get it. Thank you so much for your help – Jim Nov 05 '17 at 12:23

local json file and ng2-smart-table

1 Answers1