以角度获取JSONFile响应

我有一个json文件，其中包含另一个对象中的多个对象，我想在HTML页面中迭代这些键和值： 例如：

{
    "firstName": "Ayoub",
    "lastName": "Gammar",
    "mntDc": 502.0,
    "childs": [
        {
            "firstName": "Rafik",
            "lastName": "Mansour",
            "mntDc": 500.0,
            "username": "user3"
        },
        {
            "firstName": "Ahmed",
            "lastName": "Makni",
            "mntDc": 1.0,
            "childs": [
                {
                    "firstName": "ALi",
                    "lastName": "hama",
                    "mntDc": 500.0,
                    "username": "admin"
                }
            ],
            "username": "user2"
        }
    ],
    "username": "user1"
}

角度法：

    this.usrerArbre.getArbre().subscribe(data=>{
      console.log('data'+data);
      this.arbreUSer=data;;
    },error1 => {
      console.log(error1)
    })
  }```

---

我不明白您要迭代哪个键。如果要迭代

childs

键，则可以如下迭代：

(data.childs||[]).forEach((item, index) {
  console.log(item, index);
});

但如果要迭代整个对象，则可以从以下位置获取其键：

let keys = Object.keys(data);
(keys||[]).forEach(function(item, index) {
    console.log(data[item], index); // You will get the each object key value here
});

试试这个

this.usrerArbre.getArbre().subscribe(data=>{
      console.log('data'+data);
      this.arbreUSer=data.childs;
    },error1 => {
      console.log(error1)
    })
  }

.html

<div *ngFor="let data of arbreUSer">
<p>{{data.firstName}}</p>
<p>{{data.lastName}}</p>
<p>{{data.mntDc}}</p>
<p>{{data.userName}}</p>
</div>

{{data.firstName}

{{data.lastName}

{{data.mntDc}

{{data.userName}

以下是一个简短的解决方案：

var result = Object.entries(data).map(([key, value]) => ({key,value}));
//console.log(result);

---

问题是什么？我需要在HMTL文件中一个接一个地获取所有对象错误：对象中不存在属性childs尝试第二个，您将在控制台中获得什么？第二个可以工作，但只给我最后一个对象：ALi hama 500.0 Admin您可以共享输出吗？ALi0 rtl.component.ts:31 hama 1 rtl.component.ts:31 500 2 rtl.component.ts:31[]长度：0_u-proto__;:Array（0）3 rtl.component.ts:31 admin 4i有以下错误：对象中不存在属性childs