Routing en Angular: Guía completa: Parte 5

routing guia completa portada

Seguimos aprendiendo sobre routing desde cero. En esta 5ª parte nos adentramos en el mundo de las rutas anidadas (en inglés, nested routes). Si te la perdiste, aquí tienes la 4ª parte. índice Cómo configurar rutas hijas (nested routes)Cómo usar los query params para navegar hasta la pantalla de edición de un servidorCómo preservar parámetrosCómo redireccionarMás recursos de … Leer más

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

Cómo crear un filtro con checkboxes usando Angular Material

portadaFiltros

índice Qué vamos a construirCómo vamos a contruirloConstrucción del filtro del actor principalCómo cambiar el panel de color según haya algún filtro seleccionadoCómo mostrar el filtro seleccionadoConstrucción del filtro del rango de presupuestoMás recursos de aprendizajeMás recursos de aprendizaje El otro día en el trabajo tuve que construir un filtro para filtrar (valga la redundancia) … Leer más

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

Routing en Angular: Guía completa: Parte 4

routing guia completa portada

Retomamos esta guía sobre el routing después de dar los pasos básicos para crear rutas y adentrarnos brevemente en el mundo de los observables. Si te perdiste la parte anterior, aquí la tienes. En esta 4ª parte vamos a aprender a trabajar con query params, entre otras muchas cosas. ¡Vamos allá! índice Cómo pasarle query params y fragmentos a nuestras rutasCon la directiva … Leer más

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

Routing en Angular: Guía completa: Parte 3

routing guia completa portada

Ya hemos visto cómo registrar y cargar rutas para mostrar varias páginas usando únicamente un archivo HTML en lugar de varios, gracias a la magia del Router que forma parte de Angular. También vimos cómo navegar usando rutas relativas (en inglés, relative paths) y absolutas (en inglés, absolute paths) y cómo aplicarles parámetros para crear rutas dinámicas. Continuemos … Leer más

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

Routing en Angular: Guía completa: Parte 2

routing guia completa portada

índice Uso del routerLinkActive para dar estilo a un link activoNavegación programáticaUso de los relative paths en la navegación programáticaCómo pasar parámetros a una rutaMás recursos de aprendizaje Después de una introducción al Routing en la parte #1 de esta serie, es el momento de dar estilo a nuestros links y presentar la navegación programática. ¡Vamos … Leer más

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

Routing en Angular : Guía completa : Parte 1

routing guia completa portada

índice Introducción al RoutingEstado inicial de nuestra demoCómo registrar y cargar rutasNavegación con Router LinkRouter Link: EsquemaDiferencias entre un relative path y un absolute pathMás recursos de aprendizaje Introducción al RoutingAngular nos permite construir single page applications (SPAs, por sus siglas en inglés). Lo hace usando una herramienta que trae por defecto, el Angular Router. Con el Router … Leer más

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

Services y dependency injection: Guía completa – Parte 3

portada services y dependency injection

Tercera (¡y última!) parte de esta serie sobre los servicios e inyección de dependencias en Angular. Hasta ahora hemos visto qué son los servicios y hemos dado los primeros pasos para empezar a usarlos. En este post vamos a añadir el toque final para usarlos correctamente. ¡Vamos allá! Índice Cómo saber cuándo necesitamos una o … Leer más

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

Services y dependency injection: Guía completa – Parte 2

portada services y dependency injection

En la primera parte de esta guía aprendimos qué es un service y cómo crear uno. En esta parte vamos a empezar a configurarlo para poder usarlo correctamente.  Índice Cómo inyectar un servicio en un componenteCómo informar a Angular: esquemaCómo crear un servicio para gestionar datosFuncionamiento de la herencia en la inyección de dependencias Más recursos de … Leer más

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

Services y dependency injection: Guía completa – Parte 1

portada services y dependency injection

Índice Qué son los services y para qué sirvenEstado inicial de nuestra appCómo crear un service que imprima datos en la consolaCómo NO usar un serviceMás recursos de aprendizaje En esta serie de posts, con un ejercicio bonus al final de la parte #3, vamos a tratar los servicios y la inyección de dependencias en profundidad. Si … Leer más

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

Directivas en Angular – Guía avanzada – Parte #2

directivas guia avanzada - portada

Índice Cómo usar el @HostListener para escuchar y reaccionar a eventos del DOMCómo usar el @HostBinding para vincular propiedades del host elementCómo utilizar property binding en nuestra directivaCómo funcionan las structural directives en realidadCómo construir una structural directiveDirectiva ngSwitch: qué es y cómo usarla Retomamos esta serie sobre las Directivas en Angular, después de ver la parte #1, donde hicimos un repaso de las built-in directives y … Leer más

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

Esta web utiliza cookies para asegurar que se da la mejor experiencia al usuario. Si continúas utilizando este sitio se asume que estás de acuerdo. más información

Los ajustes de cookies en esta web están configurados para «permitir las cookies» y ofrecerte la mejor experiencia de navegación posible. Si sigues usando esta web sin cambiar tus ajustes de cookies o haces clic en «Aceptar», estarás dando tu consentimiento a esto.

Cerrar