📄️ Introduction
Préparation
📄️ 8-1 Structure de fichiers
Le guide de style d'Angular recommande d'organiser le code de l'application par "features":
📄️ 8-2 Créer une barre de navigation
Même si la navigation sera potentiellement plutôt simple, une barre de navigation permettant d'afficher le nom du site, un lien pour revenir à l'accueil et éventuellement le nom de la personne connectée serait utile.
📄️ 8-3 Créer un footer
Nous avons une barre de navigation, il manque un footer pour compléter la structure de base de la page.
📄️ 8-4 Structure d'application dynamique
Pour le moment, l'application n'est pas tellement dynamique ☹️
📄️ 8-5 Créer un composant de page
Sur la page d'accueil, nous listerons les différents projets sur une page dédiée. Nous devons donc créer un composant, et ensuite, via le système de routage Angular, indiquer que la page d'accueil sera la liste des projets.
📄️ 8-6 Définir une première route (/projets)
Il nous reste à associer la page ProjetsIndex avec le chemin d'accès représentant la liste de projets, soit /projets.
📄️ 8-7 Définir une seconde route (nouveau projet)
Nous aurons éventuellement besoin d'une page pour créer un nouveau projet. Cette page contiendra un formulaire permettant d'entrer les différentes informations du projet, comme le nom et la description par exemple.
📄️ 8-8 Faire un lien à l'aide du RouterLink
Nous avons présentement deux pages:
📄️ 8-9 Liens de navigation
Nous avons vu comment faire un lien vers une autre page à l'aide du routerLink et de RouterOutlet. De plus, nous pouvons utiliser les concepts appris dans le but d'ajouter un lien dans la barre de navigation.