如何以角度显示数组数据

时间:2019-02-04 05:46:55

标签: arrays angular6

我是新手。我有数组数据。我想在网页上显示数据。

我的问题是如何打印数据。显示在console.log()中的数据。

我的console.log屏幕截图

enter image description here

3 个答案:

答案 0 :(得分:1)

例如,您可以使用Angular的*ngFor指令遍历网页中的数组-

<div *ngFor='let item of arrayName'>
  {{item?.propertyName}}
</div>

Working Example

答案 1 :(得分:1)

要在模板上显示数组,您需要 ngFor

<ul>
    <li *ngFor="let measurement of data.measurements">
      {{ measurement }}
    </li>
</ul>

答案 2 :(得分:1)

<div *ngFor='let measurement of ObjectName.measurements'>
    {{ measurement?.label }}
</div>

有关更多信息,请访问角度教程

https://angular.io/tutorial/toh-pt2