Skip to content
Snippets Groups Projects
Commit 93031915 authored by Camille PILLOT's avatar Camille PILLOT
Browse files

gestion films: composant routing

parent 69bf49bf
No related branches found
No related tags found
1 merge request!5Feature/movies
......@@ -11,7 +11,7 @@ Cette section se passe en deux grandes parties :
</ul>
## Navigation
On veut pouvoir naviguer entre les pages de l'applicatuin, on a donc besoin de plusieurs pages !
On veut pouvoir naviguer entre les pages de l'application, on a donc besoin de plusieurs pages !
>Pour créer une nouvelle page, on doit générer un nouveau composant.
>Vu qu'on veut une page qui affiche les avis, on peux appeler ce composant *review*.
......
......@@ -91,3 +91,7 @@ Tu dois donc avoir :
<a class="nav-item nav-link" routerLink="/review">Avis</a>
</nav>
```
Pour savoir si ce que l'on a fait fonctionne : clique sur Accueil puis Avis ... Tu dois voir le contenu HTML du `HomeComponent` et du `ReviewComponent` qui s'interchange.
***C'est booon, les routes fonctionnent via la navbar !***
\ No newline at end of file
# 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](https://allocine.takima.dev/list-films){:target="_blank"}.
Cette section se passe en deux grandes parties comme pour la page *Avis* !
## Crétion du composant
***A toi de jouer en utilisant 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 faudra juste lui donner le nom *films* 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 rajouter un onglet *Gestion des films* dans notre navbar et que lorsque l'on clique dessus, le `MoviesComponent` s'affiche.
## Navigation
On veut rajouter une route aux deux routes existantes : */movies* pour afficher le `MoviesComponent`.
***A toi de jouer en ajoutant une Route dans la constante route de `app.routes.ts`***
On veut rajouter dans la navbar un lien qui permet de rediriger vers */movies*
***A toi de jouer en ajoutant une balise a dans le `navbar.component.htmls` avec un routerLink vers */movies* ***
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment