Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Beginner Web en 27 Junio 2020, 15:01 pm



Título: ngfor de cards paginado
Publicado por: Beginner Web en 27 Junio 2020, 15:01 pm
supongamos que tengo 20 cards y quiero q en la pagina muestre solo de 4 en 4 y que para ver los demas haga click en un boton similar al slider

Código
  1. <div class="row">
  2.    <div *ngFor="let item of items" class="col-md-3 card">
  3.      <div class="card-block text-center">
  4.        <div class="card" >
  5.          <img class="card-img-top" [src]="item.url" alt="Card image cap">
  6.          <div class="card-body">
  7.            <h5 class="card-title">Titulo</h5>
  8.            <p class="card-text">{{litem.descripcion}}</p>
  9.            <a href="#" class="btn btn-primary">Ver Local</a>
  10.          </div>
  11.        </div>
  12.      </div>
  13.    </div>
  14.  </div>