Saltar al contenido
angular challenges logo Angular Challenges

🟢 @RouterInput()

Reto #22

Creado por Thomas Laforge

Información

En esta aplicación, tomaremos tres pedazos de información dentro de nuestro TestComponent proporcionadas por el router:

  • Queremos obtener el testId que tenemos como parte de los parámetros de la URL.
  • Queremos obtener user ubicado dentro de los parámetros de consulta (query params) de la URL.
  • Queremos acceder a permission establecido dentro del objeto data de la ruta.

En las versiones 15 o anteriores de Angular, usamos ActivatedRoute para obtener toda esta información y recibirla a través de observables para escuchar los cambios de URL.

En la versión 16, Angular introdujo un nuevo Input que puede ‘escuchar’ los datos de la ruta. Puedes leer más al respecto aquí.

Declaración

El objetivo de este ejercicio es refactorizar el código para usar la nueva estrategia RouterInput.

Contributors

Thanks to all the contributors who have helped make this documentation better!

  • nelsongutidev