How to display array data in angular

Question

I am new to angular. I have array data. I want to display data on my webpage.

my question is how to print data. the data showing in console.log().

My console.log screenshot

Pardeep Jain · Accepted Answer · 2019-02-04 05:48:22Z

1

You can iterate over the array in a webpage using *ngFor directive of Angular for example -

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

answered Feb 4, 2019 at 5:48

Pardeep Jain

86.9k38 gold badges172 silver badges220 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sajeetharan · Accepted Answer · 2019-02-04 05:48:33Z

1

In order to display array on your template you need ngFor

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

answered Feb 4, 2019 at 5:48

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

Amirkhan · Accepted Answer · 2019-02-04 06:06:53Z

1

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

For more info please visit the angular tutorial

answered Feb 4, 2019 at 6:06

Amirkhan

364 bronze badges