Angular2 - * ngFor /通过与阵列

-1

//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

这可能吗？如是？怎么样？

来源

2017-04-04 Vivek Doshi

我不认为它可能没有管或内部component.ts – Sajeetharan

没有任何“编码在组件侧”我不认为。但是，如果你可以添加管道，那么是的：http://stackoverflow.com/a/35261193/2398593 – Maxime

我知道所有其他的方式，只是试图在模板一边@Maxime，Sajeetharan，谢谢你的如果您找到任何解决方案，请告诉我。 –

到目前为止最好的/ 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>

WORKING DEMO

来源

2017-11-17 04:12:04

Angular2 - * ngFor /通过与阵列

回答

相关问题