elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Tutorial básico de Quickjs


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  ngfor de cards paginado
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: ngfor de cards paginado  (Leído 2,845 veces)
Beginner Web


Desconectado Desconectado

Mensajes: 634


youtu.be/0YhflLRE-DA


Ver Perfil
ngfor de cards paginado
« 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>


En línea

7w7
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Photoshop Tutorial: Playing Cards
Diseño Gráfico
+ enrique ZP 2 3,647 Último mensaje 30 Noviembre 2007, 21:43 pm
por Azielito
Business Cards de Plástico.
Diseño Gráfico
antonelli 1 3,036 Último mensaje 11 Julio 2008, 16:08 pm
por Azielito
Clonacion de SIM cards « 1 2 »
Hacking Mobile
berz3k 15 51,724 Último mensaje 7 Abril 2010, 08:50 am
por SirGraham
implementar un buscador en tiempo real en un ngFor
Desarrollo Web
Beginner Web 0 2,651 Último mensaje 26 Junio 2020, 11:41 am
por Beginner Web
problemma con cards bootstrap4 cards-columns
Desarrollo Web
Beginner Web 4 4,073 Último mensaje 2 Julio 2020, 07:12 am
por Beginner Web
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines