如何在Angular 7中使用ngFor显示嵌套的json数据

我尝试了一些技术，但仍然无法找到它，所以使用angular*ngFor循环显示这些数据的最佳方式是什么

---

实际上您不需要嵌套的ngFor，您可以按如下方式使用它

<ul>
    <li *ngFor="let myObj of myData.data.live">
      {{ myObj.description }}
    </li>
</ul>

---

试试这个，希望它能帮助你。 在component.ts文件中，访问JSON文件中的数据，如下所示

yourdata: any = [];

this.httpService.get('./assets/yourjsonfile.json').subscribe(
       data => {
          this.yourdata = data as string [];
        },
        (err: HttpErrorResponse) => {
        console.log (err.message);
      }
    );

然后在component.html文件中尝试访问yourdata变量的内容，我们在component.ts文件中声明了该变量，如下所示

<div *ngFor="let Data of yourdata>
   {{ Data.data.live.name}}
   {{ Data.data.live.image}}
   {{ Data.data.live.description}}
   {{ Data.data.live.timezone}}
</div>

它将在您的UI应用程序上打印JSON数据。

此处答案可能重复，您可以尝试{{h.name}

<div *ngFor="let Data of yourdata>
   {{ Data.data.live.name}}
   {{ Data.data.live.image}}
   {{ Data.data.live.description}}
   {{ Data.data.live.timezone}}
</div>