如何使用*ngFor显示json对象
如何使用*ngFor显示json对象
提问于 2016-02-26 16:57:47
我想显示Firebase中的以下数据
{
"-KBN9O_qqz-nZ9tPWFdM":{
"createdAt":1456399292790,
"isActive":true,
"name":"Hero 1"
},
"-KBN9gjJw1ZlMgt9pVsl":{
"createdAt":1456399371220,
"isActive":true,
"name":"Hero 2"
},
"-KBN9hYI4vYAsyh5k1lX":{
"createdAt":1456399374548,
"isActive":true,
"name":"Hero 3"
}
}例如，在做angular.io Tour of Heroes教程时
<li *ngFor="#hero of heroes">
<span class="badge">{{hero.id}}</span> {{hero.name}}
</li>因此，英雄id应该显示例如-KBN9hYI4vYAsyh5k1lX，而英雄名称应该显示例如hero 3
我做了一些研究，偶然发现了这个由@Thierry Templier access key and value of object using *ngFor提供的堆栈溢出解决方案。
(1)这是我的问题的正确解决方案吗？
(2)这个问题有没有更简单的解决方案，因为我觉得开发人员使用Angular2显示这样的json数据是很常见的。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35647365
复制相关文章
相似问题