使用 ngFor 迭代嵌套对象答案

【问题标题】：Iterate nested objects using ngFor使用 ngFor 迭代嵌套对象
【发布时间】：2022-12-20 23:58:16
【问题描述】：

我有 JSON 对象：

content = 
[
{
   "id":1,
   "name":"test",
   "parent":{
      "name":"test2",
      "subParent":{
         "name":"test3",
         "subParent":{
            "name":"test4",
            "subParent":{
               "name":"test5",
               "subParent":null
            }
         }
      }
   }
}
]

如何遍历每个嵌套对象并在 Angular 中显示数据？

我试着用 ngFor 来做，但没有用

【问题讨论】：

你能展示一下你的 .html 吗？

标签： json angular object nested ngfor

【解决方案1】：

<ul>
  <li *ngFor="let data of content">
    {{data.id}}
    <ul>
      <li *ngFor="let p of data.parent">
        {{p.name}}
      </li>
    </ul>
  </li>
</ul>

你需要ngFor每次迭代。

问候，

【讨论】：