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


 


Tema destacado: Comparativa y análisis mejores sistemas de videollamadas


+  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 176 veces)
Beginner Web


Desconectado Desconectado

Mensajes: 528


youtu.be/0YhflLRE-DA


Ver Perfil
ngfor de cards paginado
« en: 27 Junio 2020, 15:01 »

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

{_id: "5ef16999f6ce240abc225ss3",
nombre: "Ana Keldysh",
nacionalidad: "Argentina",
edad: "17",
profesion: "Desarrollador Web Full Stack",
"__v": 0
}
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 2,271 Último mensaje 30 Noviembre 2007, 21:43
por Azielito
Business Cards de Plástico.
Diseño Gráfico
antonelli 1 1,824 Último mensaje 11 Julio 2008, 16:08
por Azielito
Clonacion de SIM cards « 1 2 »
Hacking Mobile
berz3k 15 46,822 Último mensaje 7 Abril 2010, 08:50
por SirGraham
implementar un buscador en tiempo real en un ngFor
Desarrollo Web
Beginner Web 0 150 Último mensaje 26 Junio 2020, 11:41
por Beginner Web
problemma con cards bootstrap4 cards-columns
Desarrollo Web
Beginner Web 4 522 Último mensaje 2 Julio 2020, 07:12
por Beginner Web
Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines