Aller au contenu
angular challenges logo Angular Challenges

🟢 @RouterInput()

Challenge #22

Créé par Thomas Laforge

Information

Dans cette application, nous récupérons trois informations depuis le routeur dans notre TestComponent :

  • testId qui est situé dans les paramètres de l’URL.
  • user qui est situé dans les paramètres de la requête de l’URL.
  • permission qui est défini dans l’objet data de la route.

Jusqu’à la version 15 d’Angular, nous devions utiliser le ActivatedRoute pour obtenir toutes ces informations et les récupérer via des observables pour écouter sur les changements d’URL.

Depuis la version 16, Angular a introduit un nouvel Input qui peut écouter les changements de données d’une route. Vous pouvez en savoir plus ici.

Énoncé

L’objectif de cet exercice est de refactoriser le code pour utiliser la nouvelle stratégie RouterInput.

Contributeurs

Merci à tous les contributeurs qui ont aidé à améliorer cette documentation !

  • alannelucq