Saltar al contenido

Paginación en una lista usando ng-repeat

Basta ya de investigar por todo internet ya que llegaste al lugar perfecto, poseemos la solución que quieres recibir sin complicarte.

Solución:

Si no tiene demasiados datos, definitivamente puede hacer la paginación simplemente almacenando todos los datos en el navegador y filtrando lo que está visible en un momento determinado.

Aquí hay un ejemplo de paginación simple: http://jsfiddle.net/2ZzZB/56/

Ese ejemplo estaba en la lista de violines en la wiki de angular.js github, que debería ser útil: https://github.com/angular/angular.js/wiki/JsFiddle-Examples

EDITAR: http://jsfiddle.net/2ZzZB/16/ a http://jsfiddle.net/2ZzZB/56/ (no mostrará “1/4.5” si hay 45 resultados)

Acabo de hacer un JSFiddle que muestra paginación + búsqueda + orden en cada columna usando
Construir con Twitter Bootstrap código: http://jsfiddle.net/SAWsA/11/

Creé un módulo que hace que la paginación en memoria sea increíblemente simple.

Le permite paginar simplemente reemplazando ng-repeat con dir-paginateespecificando los elementos por página como un filtro canalizado y luego soltando los controles donde quieras en forma de una sola directiva,

Para tomar el ejemplo original pedido por Tomarto, se vería así:

  • phone.name

    phone.snippet

No hay necesidad de ningún código de paginación especial en su controlador. Todo es manejado internamente por el módulo.

Demostración: http://plnkr.co/edit/Wtkv71LIqUR4OhzhgpqL?p=preview

Fuente: dirPagination de GitHub

Finalizando este artículo puedes encontrar las referencias de otros sys admins, tú todavía tienes la opción de dejar el tuyo si lo crees conveniente.

¡Haz clic para puntuar esta entrada!
(Votos: 2 Promedio: 4)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *