Angular [2020] - Simple Way To Use *ngfor In HTML

*ngFor

Let add a *ngFor loop. start with a simple project: live example

To loop through an object in angular using *ngFor this is an example HTML usage:

<h2>ALL My Heroe</h2>
<ul class="heroes">
  <li *ngFor="let hero of heroes">
    <span class="badge">{{hero.id}}</span> {{hero.name}}
  </li>
</ul>

I know this is very basisc, but the purpose is to show you how you use in the HTML file

NOTE: make sure that you use the F in capital letters. Angular is case sensative.