Aller au contenu

Création du composant Gestion de film

On est parti pour créer une nouvelle page !

Elle servira à afficher les films existants de la base de donnée. Et elle devrait ressembler à ceci.

Cette section se passe en deux grandes parties :

  • tu verras d'abord comment mettre en place la navigation entre les pages de ton application
  • tu devras ensuite réutiliser tout ce que tu as vu pour le HomeComponent pour peupler une nouvelle page : la page Gestion de film

On veut pouvoir naviguer entre les pages de l'application, on a donc besoin de plusieurs pages !

Info

Pour créer une nouvelle page, on doit générer un nouveau composant.
Vu qu'on veut une page qui affiche les films, on peut appeler ce composant movies.

À toi de jouer ! 👾 Utilise Angular CLI via ton terminal

La commande est la même que celle utilisée pour générer le HomeComponent; il faudra juste lui donner le nom movies pour que le composant généré s'appelle MoviesComponent.

Maintenant que nous avons généré MoviesComponent, tout est prêt pour faire de la navigation entre nos pages !

On veut ajouter un onglet Gestion de film dans notre navbar pour que lorsque l'on clique dessus, le MoviesComponent s'affiche à la place du HomeComponent.