TP 9 : Observables

Objectifs

• Utiliser le service ActivatedRoute pour lire les paramètres de l’URL en utilisant des observables

Instructions

• Nous voulons dans notre fichier album-detail.component.ts avoir un bouton album précédent et album suivant
• Cliquer sur ces boutons devrait rediriger vers l’album précédent ou suivant
• Pour cela, nous devons lire le paramètre id de l’URL de manière réactive
• au lieu d’utiliser un instantané, nous utiliserons le service ActivatedRoute pour nous abonner aux changements du paramètre

route = inject(ActivatedRoute);

Puis plus tard dans le code

this.route.params.subscribe(params => {
  console.log(params['id']);
});

• Nous ne voulons pas gérer le cas d’usage lorsque l’album précédent ou suivant n’existe pas, nous laisserons l’utilisateur revenir au HomeComponent si cela se produit.