ngFor

*ngFor

<div *ngFor="let item of items">

</div>

*ngFor is a "structural directive". Structural directives shape or reshape the DOM's structure, typically by adding, removing, and manipulating the elements to which they are attached. Any directive with an asterisk, *, is a structural directive.

The interpolation syntax {{ }} renders a property's value as text.

<div *ngFor="let item of items">

  <h3> {{ item.name }} </h3>

</div>

Ref: angular.io