Angular2 - *ngFor / 使用数组循环遍历 json 对象

想要循环遍历json对象

//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 仅在模板侧 , And 组件端无需任何编码（功能）.

只想打印每个title and desc

这可能吗 ？如果是 ？如何 ？

很高兴从 Angular 本身找到最好的解决方案，它提供了循环 JSON 的管道，及其keyvalue

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

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

</div>

工作演示 https://stackblitz.com/edit/angular-json-loop-pipe

之前 ：

组件侧：

objectKeys = Object.keys;

模板面：

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

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

</div>

工作演示 https://stackblitz.com/edit/angular-json-key-loop