Angular 6 - 使用*ngFor显示数据的问题(数据未显示)

Question

我有一些看起来像这样的数据:

在我身上app.component.html我有这个:

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

当我运行它时它显示列表但没有任何值,所以我只是从中得到了很多点 <li>

在我的app.component.ts身上:

myData;

然后:

this.myData = obj; // Obj contains the data

我怎样才能解决这个问题？

Answer 1

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

您正在创建多个<ul>元素,而您可能希望拥有多个<li> (list item)元素:

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