Categoría: Angular


SheetJs agregar datos a archivo de excel existente desde Angular

Al trabajar con datos, registros, listas, muchas veces nos solicitan poder descargarlos en Excel, la librería https://sheetjs.com/ nos permite crear y manipular archivos de Excel desde el navegador o un servidor, es decir se puede usar tanto en proyectos Angular como en Node. Su instalación es sencilla con NPM

También hay otras formas de instalar en la página oficial: https://docs.sheetjs.com/docs/getting-started/installation/frameworks Luego podemos importarlo en nuestro proyecto:

O si solo lo necesitas en un método en específico, cargarlo en una variable:

  Esta librería nos permite convertir datos, array, objetos json a una hoja de Excel listos para […]


Ng serve no funciona en la terminal de Visual Studio Code 1

Al ejecutar este comando desde VSC nos aparece un mensaje que indica «No se puede cargar el archivo C:\Users\gregor\AppData\Roaming\npm\ng.ps1 porque la ejecución de scripts está deshabilitada en este sistema», esto es debido a las políticas de powershell que por seguridad no nos permiten ejecutar scripts.   Para solucionarlo debemos habilitar la ejecución desde la configuración de VSC en el archivo «settings.json», abrimos VSC, abrimos el buscador de la paleta de comandos con la combinación de teclas «ctrl + shift + p» y luego buscamos «settings.json«. En este archivo agregamos la siguiente configuración:

  Quedando de esta manera:   Ahora […]


AngularJs – Mostrar texto como html $sanitize $sce

Estuve trabajando en una api que ahora devolvía texto con html y en la página no se visualizaba correctamente los tag html, aparecían en texto plano y no interpretaba: «M&uacute;sica <b>texto</b>« Angular por seguridad trata toda la información como texto plano y para poder interpretar debes indicarle exactamente que texto o variable es confiable para poder mostrarlo como html. Hay  dos formas de realizar esto, con el servicio $sanitize de angular o con el servicio $sce (Strict Contextual Escaping). $sanitize Si estás usando AngularJs, debes agregar como dependencia angular-sanitize.js el cual puedes conseguir en la documentación oficial o cualquier otro […]


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 […]