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