我无法在 angular2 中迭代 json 文档答案

【问题标题】：i am not able to iterate a json document in angular2我无法在 angular2 中迭代 json 文档
【发布时间】：2017-09-17 02:53:31
【问题描述】：

我刚刚开始使用 angular2，但遇到了问题。我无法在 angular2 中迭代 json 文档。数据来自后端我尝试了很多方法，也使用了省略号（？）运算符，但不适合我。请帮忙 我想在区域数组下打印名字

【问题讨论】：

这个json对象叫什么？
请从服务和组件中抛出示例代码。
它是国家/地区。
导出类 NewsComponent 实现 OnInit { showCity=true;显示类别=假；国家：任何；构造函数（私有媒体：MediaService，私有标题：标题）{} ngOnInit() { this.media.getCountryData().subscribe(data=>{ if(data.success){ this.country=data.data; } }) ; } }
服务代码只获取json

标签： json angular ngfor

【解决方案1】：

在您的 .ts 代码中，尝试以下操作：

ngOnInit() {
    for(let i = 0; i < this.country.length; i++) {
        for(let n = 0; n < this.country[i].area.length; n++) {
            console.log(this.country[i].area[n].name);
        }
    }
}

您应该在控制台中获得所有名称的列表

【讨论】：

名称可能与您使用的不同，但代码相同

【解决方案2】：

首先获取json作为字符串；然后只需调用JSON.parse(myJsonString)，你就有了你的json-object

如果您还有其他意思，请澄清，因为我（当然还有其他人）没有发现您的问题 100% 清楚地表达出来（例如，添加一些代码或您之前尝试过的内容）

【讨论】：