How to do ngFor loop on nested json object?

Question

It seems to be simple thing to do, but somehow i did not get inner array element to do ngFor loop on Angular 2.

I have json array as below, and i need to iterate thr

Answer 1

You have to iterate over object keys and not array elements. Hence either use

Object.keys(responseJson[0].routes)

that will return ["0","1", ..."178"]. Then use below:

in component .ts :

routes : any = responseJson[0].routes;

in template :

 
    {{routes.key.budget}}