Angular2 - *ngFor / loop through json object with array

Question

Want to loop through json object

//Defined on component side :
jsonObj = {
    \'1\' : [ {\"title\" : \"title1\" , \"desc\" : \"desc1\" }],
    \'2\' : [ {\"         


        

Answer 1

So great to find the best solution from Angular itself provides pipe to loop through JSON , and its keyvalue

<div *ngFor='let item of jsonObj | keyvalue'>
   Key: {{item.key}}

    <div *ngFor='let obj of item.value'>
        {{ obj.title }}
        {{ obj.desc }}
    </div>

</div>

WORKIGN DEMO

---

Previously :

Component side :

objectKeys = Object.keys;

Template side :

<div *ngFor='let key of objectKeys(jsonObj)'>
   Key: {{key}}

    <div *ngFor='let obj of jsonObj[key]'>
        {{ obj.title }}
        {{ obj.desc }}
    </div>

</div>

WORKING DEMO