Angular2 - *ngFor / loop through json object with array

问题:

Want to loop through json object

//Defined on component side : jsonObj = {     '1' : [ {"title" : "title1" , "desc" : "desc1" }],     '2' : [ {"title" : "title2" , "desc" : "desc2" }],     '3' : [ {"title" : "title3" , "desc" : "desc3" }],     '4' : [ {"title" : "title4" , "desc" : "desc4" }],     '5' : [ {"title" : "title5" , "desc" : "desc5" }] } 

With *ngFor only on template side , And without any coding (function) on component side.

Want to print just each title and desc

Is this possible ? If Yes ? How ?

回答1:

Till now the best / shortesr answer I found is

Component side :

objectKeys = Object.keys; 

Template side :

    Key: {{key}}      
         {{ obj.title }}         {{ obj.desc }}     
  
 

WORKING DEMO

文章来源: Angular2 - *ngFor / loop through json object with array