septiembre 23, 2014 Uncategorized

AngularJS y ng-table – Parte 6

Cuando creamos nuevos módulos mediante el generador MEAN.JS, la vista que se encarga de mostrar el listado de nuestras entidades lo hace en forma de lista. Sin embargo, en según qué casos, resulta más funcional representar la información en forma de tabla. Lo que vamos a ver en este vídeo es cómo instalar el plugin ng-table y cómo utilizarlo para representar nuestras entidades en forma de tabla.

 

Al final del vídeo vamos a ver que, en realidad, no obtenemos ninguna ventaja especial por el hecho haber utilizado el plugin ng-table en lugar de haber utilizado HTML estándar para representar nuestra tabla; sin embargo, en próximos vídeos veremos cómo ng-table nos permite paginar la información en el lado del servidor, filtrar la información y ordenarla. Si esta funcionalidad quisiéramos implementar sin la utilización de un plugin como ng-table, veríamos que sería bastante más costoso que utilizando un plugin.

Existen varias alternativas a ng-table, como pueden ser Smart Table o ng-grid, y pueden ser tan válidas como ng-table.

Finalmente, en el vídeo se comenta que para poder implementar la paginación y el filtrado en el lado del servidor, previamente vamos a tener que adaptar nuestro back-end para que permita paginar y filtrar. En el siguiente vídeo veremos cómo adaptar nuestro API para que nos permita realizar estas operaciones.

Puedes descargarte y ejecutar la siguiente aplicación a través de las siguientes instrucciones:

 

  1. fredy tovar dice:

    hola gracias por tu tutorial pero tuve un problema con ng-table cuando lo subo a producción en heroku me sale el siguiente error

    Error: [$injector:modulerr] http://errors.angularjs.org/1.2.28/ $injector/modulerr?p0=trend-twitter2&p1=%5B%24injector%3Amodulerr%5D%20http%3A%2F%2Ferrors.angularjs.org%2F1.2.28%2F%24injector%2Fmodulerr%3Fp0%3DngTable%26p1%3D%255B%2524injector%253Anomod%255D%2520http%253A%252F%252Ferrors.angularjs.org%252F1.2.28%252F%2524injector%252Fnomod%253Fp0%253DngTable%250Az%252F%253C%2540http%253A%252F%252Ftrendmedia.herokuapp.com%252F

    cuando saco el ng-table de var applicationModuleVendorDependencies = [‘ngResource’, ‘ngCookies’, ‘ngAnimate’, ‘ngTouch’, ‘ngSanitize’, ‘ui.router’, ‘ui.bootstrap’, ‘ui.utils’, ‘btford.socket-io’]; del archivo public/config.js y lo pongo en el controller customer no me funciona

    gracias por tu atenion

  2. Sherry dice:

    This arilcte is a home run, pure and simple!

Deja un comentario

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

Back to top