En esta oportunidad les traigo como obtener su ubicación (latitud y longitud ) en angular de manera sencilla. Esto es importante si estas trabajando con mapas y necesitas mostrar la ubicación de un cliente o un usuario. Pues bien el código es súper simple y sencillo, nos basamos en una promesa para obtener las coordenadas de la siguiente manera: creamos un servicio llamado location.service.ts – Agregamos el siguiente código al servicio – Una vez agregado el código al servicio procedemos …
Blog Posts
En esta ocasión les traigo un tutorial de como encriptar nuestras variables en localstorage , con la ayuda de unos paquetes NPM. Lo primero es crear una nueva aplicación angular: Luego procedemos a instalar los siguientes paquetes que vamos a utilizar : npm install crypto-js --save npm install secure-web-storage npm install @types/crypto-js --save-dev npm install --save @types/node Procedemos a instalar estos paquetes desde nuestra terminal Una vez instalados editamos dos archivos y agregamos el siguiente fragmento de código a …
Buenas tardes, no se si uds han tenido problema con la geolocalización HTML5 en las ultimas versiones de Firefox usando Manjaro Linux, el cual no te da coordenadas latitud ni longitud dando error en el request. El error es el siguiente: Me di cuenta de este error ya que mi app angular , la cual trabajaba con la geolocalización para obtener las coordenadas de una ruta dejo de funcionar repentinamente. Luego de investigar conseguí lo siguiente en la wiki de …
En este post veremos como instalar y configurar php en la distro Manjaro Linux. Lo primero que recomiendo es actualizar los repos Una vez actualizados los repos, procedemos a instalar php y el módulo correspondiente de apache Ahora procedemos a configurar el servidor apache editando el archivo /etc/httpd/conf/httpd.conf con nuestro editor preferido a) Buscamos la siguiente línea y la reemplazamos con b) Al final del archivo colocamos lo siguiente Con esto ya tendríamos php instalado y configurado , sólo nos …
Los <mat-button-toggle> se pueden activar y desactivar y tienen la apariencia de un botón. Estos pueden ser configurados para que se comporten como botones de selección o como checkbox. Veamos los pasos para crear estos botones. PASO 1 procedemos a crear un proyecto nuevo de angular y le instalamos material design , puedes seguir estos tutoriales para agregarlo Configura Angular Material de manera sencilla usando un instalador ó Incluir Angular Material en tus proyectos una vez creado el proyecto , …
Hola y bienvenidos nuevamente a mi blog , les deseo un muy feliz comienzo de año, en esta ocasión les traigo como instalar phpmyadmin en la distro manjaro linux. A continuación los pasos para realizar la instalación: PASO 1 Procedemos a instalar le paquete con pacman PASO 2 Una vez instalado el paquete procedemos a configurarlo d ela siguiente manera ( ya a este punto debemos tener PHP y mariadb instalados y configurados en nuestra máquina) a) abrimos con nuestro …
Buenos días, luego de tener que instalar Angular Material en cada uno de mis proyectos, me propuse a crear un Bash que me automatizara todo el proceso de instalación. El proceso es muy sencillo, solo debes ejecutar el instalador dentro de tu proyecto y seleccionar la versión de Angular con la cual estas trabajando y dejar que el instalador haga su trabajo mientras puedes ir por una taza de café. Al finalizar el instalador tendrás Angular Material instalado y configurado …
Buenas tardes, he estado desarrollando una funcionalidad que no traen las tablas de material angular por defecto, un cliente me solicitó poder cambiarle el nombre a las columnas de la tabla, así como poder organizarlas de un lado al otro y poder mostrarlas y ocultarlas dependiendo de sus necesidades. He creado una tabla usando el material design para angular , así como funcionalidades como el drag and drop del CDK. El proceso de creación ha sido el siguiente: 1. La …
Casi siempre como programadores Javascript usamos console.log para hacer debug en nuestras aplicaciones. Muchas veces olvidamos eliminarlas de nuestro código y vemos como al abrir el inpeccionador de código vemos en la consola un montón de estos mensajes, los cuales simplemente son de utilidad cuando estamos desarrollando la aplicación. Pues bien cuando estamos desarrollando una aplicación angular podemos eliminar estos mensajes de una manera automática al construirla para un entorno de producción de la siguiente manera: Paso 1 : Creamos …
En esta oportunidad les traigo una actualización de mi post anterior en el cual les mostraba como instalar y configurar esta fantástica librería en su versión 4.7. Veamos como configurarla: Paso 1 Instalamos la librería: Antes de instalar la libreria les recomiendo que escojan la versión adecuada a su versión de angular para que todo funcione de manera correcta: en mi caso uso angular 8 por lo cual debo instalar Tabla de compatibilidad @fortawesome/angular-fontawesome Angular 0.1.x 5.x 0.2.x 6.x 0.3.x …
Social Profiles