Routing en Angular: Guía completa: Parte 7

routing guia completa portada

Seguimos aprendiendo sobre routing en esta serie de cap√≠tulos. Por fin llegamos a la parte #7, ¬°que ser√° la √ļltima! A√ļn nos queda mucho por aprender (me incluyo, porque aprendo much√≠simo haciendo estos art√≠culos). ¬°Vamos a ello! √≠ndice C√≥mo usar nuestro servicio de autenticaci√≥n simuladaC√≥mo controlar la navegaci√≥n con canDeactivateC√≥mo pasar datos est√°ticos a una rutaC√≥mo gestionar … Leer m√°s

Si crees que este post puede serle √ļtil a alguien, por favor, ¬°comp√°rtelo!:

Routing en Angular: Guía completa: Parte 6

routing guia completa portada

¬°Seguimos con esta Routing Saga! Si acabas de aterrizar aqu√≠, puedes consultar la parte anterior para ubicarte. √≠ndice C√≥mo externalizar las rutas en un archivo a parteIntroducci√≥n a los Route GuardsC√≥mo proteger rutas con canActivateC√≥mo proteger las child routes usando canActivateChildM√°s recursos de aprendizaje C√≥mo externalizar las rutas en un archivo a parteSi nos fijamos en nuestro AppModule, vemos que la parte … Leer m√°s

Si crees que este post puede serle √ļtil a alguien, por favor, ¬°comp√°rtelo!:

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!:

Como toda web legal que se precie, utilizamos cookies para asegurar que damos la mejor experiencia al usuario en nuestro sitio web. Si contin√ļas utilizando este sitio asumiremos que est√°s de acuerdo. m√°s informaci√≥n

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

Cerrar