ngfor de cards paginado

[Beginner Web]

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 (html4strict) [Seleccionar] Expandir

<div class="row">
    <div *ngFor="let item of items" class="col-md-3 card">
      <div class="card-block text-center">
        <div class="card" >
          <img class="card-img-top" [src]="item.url" alt="Card image cap">
          <div class="card-body">
            <h5 class="card-title">Titulo</h5>
            <p class="card-text">{{litem.descripcion}}</p>
            <a href="#" class="btn btn-primary">Ver Local</a>
          </div>
        </div>
      </div>
    </div>
  </div>