Angular - ngFor

De los recursos más distintivos de ANGULAR, especial para mostrar un contenido extenso de elementos y darle un formato especial en el HTML esta el ngFor, en mejor definicion esta vez se muestra El ngFor que es una extructura que permite la repetición por ciclo de un recurso

HTML

<h1>Héroes <small>Marvel y DC</small></h1>

<div class="card-columns">
  <div class="card" *ngFor="let heroe of heroes">
    <img [src]="heroe.img" class="card-img-top" alt="...">
    <div class="card-body">
      <h5 class="card-title">{{ heroe.nombre }}</h5>
      <p class="card-text">{{ heroe.bio }}</p>
      <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
      <button class="btn btn-outline-primary btn-block">Ver más</button>
    </div>
  </div>
</div>