Angular2 - * ngFor /通过与阵列
问题描述:
JSON对象遍历JSON对象Angular2 - * ngFor /通过与阵列
//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" }]
}
随着*ngFor
仅在模板侧, 而而不会对部件侧任何编码(功能)要循环。
想印刷只是每个title
和desc
这可能吗?如是 ?怎么样 ?
答
到目前为止最好的/ shortesr答案,我发现是
组件侧:
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>
我不认为它可能没有管或内部component.ts – Sajeetharan
没有任何“编码在组件侧”我不认为。但是,如果你可以添加管道,那么是的:http://*.com/a/35261193/2398593 – Maxime
我知道所有其他的方式,只是试图在模板一边@Maxime,Sajeetharan,谢谢你的如果您找到任何解决方案,请告诉我。 –