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…
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…
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…
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…
Como sabemos, en Angular se usan mucho los observables, dada su utilidad y versatilidad, aunque hemos de admitir que no es una tarea sencilla de aprender inicialmente. Tener una aplicación con un alto consumo de memoria es uno de los peores problemas que se puede tener. Es difícil de encontrar, difícil de depurar y, a menudo, difícil de resolver. Desafortunadamente, este problema ocurre en todos los lenguajes de programación incluyendo Angular. Los observables son impresionantes,…
En esta ocasión les traigo como construir un paso a paso (MatStepper) para nuestros proyectos usando la librería angular material. El paso a paso de Angular Material(MatStepper) proporciona un flujo de trabajo similar al de un instalador, al dividir el contenido en pasos lógicos. Bien vamos a crear nuestro primer paso a paso: 1. Procedemos a crear nuestra aplicacion de ejemplo: Una vez creado nuestro proyecto procedemos a abrirlo usando nuestro editor de código de…
Seguimos con nuestra serie de tutoriales basados en material angular (diseñado por el equipo de angular ) esta vez explicaremos como crear una barra de herramientas para nuestra web ó aplicación desarrollada con angular de google. Pues bien lo primero que hacemos será crear nuestro proyecto usando el CLI de angular: una vez tengamos nuestro proyecto angular procedemos a instalar angular material siguiendo este tutorial Incluir Angular Material en tus proyectos. Una vez tengamos Angular…