Aller au contenu

Création du composant films

On est parti pour créer une nouvelle page !

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

Cette section se passe en deux grandes parties comme pour la page Avis !

Crétion du composant

À toi de jouer ! 👾 Utilise le Angular CLI via ton terminal
La commande est la même que celle utilisée pour générer le HomeComponent ou le ReviewComponent. Il faut 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 ajouter de la navigation vers cette page !

On veut ajouter un onglet Gestion des films dans notre navbar et que lorsque l'on clique dessus, le MoviesComponent s'affiche.

Ajout de la route

On veut ajouter une route aux deux routes existantes : /movies pour afficher le MoviesComponent.

À toi de jouer ! 👾 Ajoute une Route dans la constante route de app.routes.ts

On veut ajouter dans la navbar un lien qui permet de rediriger vers /movies

À toi de jouer ! 👾 Ajoute une balise <a></a> dans le navbar.component.htmls avec un routerLink vers /movies

Implémenter le composant MoviesComponent

Voici un petit aperçu de ce que tu dois essayer de faire. Pas de panique s'il n'y a pas autant de style et de fonctionnalités ! Tu peux reprendre le même style de tableau que pour le ReviewComponent.

Tu dois avoir sur ta page :

  • un titre
  • un tableau