Muchas veces nos ha tocado verificar si cierto elemento existe dentro de un array en nuestro proyectos de Angular, pues bien en esta oportunidad les traigo una manera sencilla de hacerlo. La función que utilizaremos es includes(), la cual nos retorna true or false dependiendo del caso. Se usa de la siguiente manera: Veamos un video ilustrativo del uso de esta función Puedes descargar el código fuente desde aquí Hasta la próxima!
Blog Posts
En esta oportunidad vamos a agregar a nuestro proyecto de angular , la librería de Bootstrap para ayudarnos con la maquetación de nuestra aplicación: procedemos a realizar lo siguiente: luego de generar nuestra app abrimos localhost:4200 y comprobamos que todo este funcionando perfectamente: ejecutar en nuestra terminal dentro del proyecto, instalamos jquery y popper ya que bootstrap depende de ellos : bien abrimos nuestra aplicación con nuestro editor de preferencia y vamos a editar el archivo angular.json para agregar la …
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 preferencia, en mi caso uso …
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 Material instalado procedemos a agregar …
En este post mostraremos como utilizar el campo galería en nuestra web. lo primero que debemos hacer es crear nuestro Custom Post Type, luego creamos nuestro campos con Advanced Custom Fields y le asignamos el CPT que acabamos de crear, en un próximo post mostraremos como crear lo antes descrito. Veamos el campo Galeria una interfaz simple e intuitiva para manejar una colección de imágenes. Se pueden añadir múltiples imágenes, editarlas y ordenarlas de una manera sencilla. veamos una demostración: …
Hola, en esta oportunidad les traigo como incluir Angular Material en tus proyectos. Angular Material es una biblioteca de componentes de interfaz de usuario para desarrolladores de Angular. Los componentes de Angular Material ayudan a construir páginas web y aplicaciones web atractivas, consistentes y funcionales, a la vez que se adhieren a los principios modernos de diseño web como la portabilidad del navegador, la independencia del dispositivo. Bueno basta de teoría a continuación los pasos para añadir la librería a …
Los iconos de Font Awesome son un conjunto de iconos vectoriales escalables que se han convertido en un estándar web. En lugar de crear iconos personalizados o tener que buscar y/o comprar un conjunto de iconos para tu web, los iconos de Font Awesome nos permiten instalar, usar y personalizar fácilmente diferentes iconos de su repositorio. Estos iconos pueden ser utilizados libremente por cualquier persona en un sitio web, un temas o un plugin. Incluso, podemos usarlos en proyectos no …
He aquí un pequeño listado de CSS media queries para que utilices en tus proyectos web de acuerdo a la resolución de los dispositivos, y lograr que el contenido se ajuste a cada una de ellas. Sin más preámbulo aquí listado con las principales media queries: Espero que te sea de utilidad!
Social Profiles