Categoría: Angular


AngularJs – Simple ordenamiento de tabla con buscador

Aunque prefiero utilizar plugins, herramientas o fabricar mis propios buscadores, paginadores y ordenamientos, a veces solo necesitamos con cumplir con un requerimiento sencillo. En este caso necesitaba ordenar una simple tabla con pocos datos y permitir que el usuario eligiera por cual columna ordenar. Adicional se agregó un filtro de búsqueda para poder encontrar algún registro fácilmente. Suponiendo que tenemos un array de listado de clientes :

Angular nos provee de directivas, filtros y al momento de mostrar la información con la directiva ng-repeat, pasamos los parámetros necesarios para indicar el ordenamiento con «orderBy», la columna por la cual ordenar […]


AngularJs – Combinando promises

Cuando trabajamos con webservices de los cuales obtenemos datos para nuestra aplicación, muchas veces requerimos hacer varias peticiones, éstas pueden ser separadas individuales que se ejecutan en algún proceso, acción o en la carga principal. Cuando trabajamos en la inicialización o necesitamos cargar un grupo de peticiones al mismo tiempo, podemos combinarlas para que carguen todos los datos al terminar todas las peticiones, con esto nos aseguramos de tener toda la información. Las promesas (promises) en Javascript, es un objeto que nos ayuda en las operaciones asíncronas (peticiones AJAX) para indicar la finalización correcta o fallida de dicha petición. Como […]


AngularJs – Problemas al minificar por inyección de dependencias

AngularJs tiene la característica de manejar inyección de dependencia a través de los nombres de argumentos utilizados luego en el constructor de los controladores. Si utilizamos los programas comunes para minificar, estos argumentos serán cambiados de nombre y al no tener el mismo nombre que requiere Angular para el manejo de dependencias, simplemente no funcionará y la aplicación mostrará errores. Teniendo un ejemplo común, definiendo Angular en un espacio global y utilizando la dependencia $scope como argumento:

Al minificar se transformará de esta manera:

El argumento $scope se convierte simplemente en «a» y como consecuencia, fallará la inyección […]


¿Aprender React o Angular? diferencias.

Desde hace un tiempo que he estado buscando la mejor opción para frontend y entre los cientos de artículos que hablan de este tema, nunca se hace una comparación completa o no colocan información relevante para mi. Entonces intentaré recopilar y explicar ciertas diferencias en este post. Nota: No se incluye Vue porque nunca he tenido la oportunidad de utilizarlo. Mas adelante espero probarlo y realizar otras comparaciones. Angular es un framework JavasScript escrito en TypeScript y creado por Google. React es una librería JavaScript creada por Facebook. Ambos son utilizados ampliamente en el mercado tecnológico pero en mayor medida […]