Utilisation d'un élément <router-outlet>
Bonjour, depuis 2 jours je cherche à utilisé router-outlet name= de façon correct pour mon cas.
Je m'explique
J'ai la première page A avec un système de connexion
Si connexion Ok on part vers la page B :
Code:
1
2
3
4
5
|
{
path: 'connect',
loadChildren: () => import('./connect/connect.module').then(m => m.ConnectModule)
}, |
En utilisant <router-outlet></router-outlet> qui est dans ma page app.component.html
Je me retrouve donc dans connect/ avec son propre module et son propre router.
Mais la dans la page connect.component.html, si je mets des boutons de type :
Code:
<a [routerLink]="[{ outlets: { zone1: ['page1'] } }]" >ColorComponent</a> -
et
Code:
<router-outlet name="zone1"></router-outlet>
Que je rajoute dans le routing de connect :
Code:
1
2
3
4
5
| {
path: 'page1',
component: Page1Component,
outlet: 'zone1'
}, |
Et bien rien ne fonctionne, les clicks sont inactif, j'ai l'impression que le lien vers entre le html et le routing ne fonctionne pas.
Merci par avance pour votre aide.
Si je fais de la merde n'hésitez pas à la dire lol.
Bonne journée
Update 1 :
Grace au tuto ci dessus, j'ai pus avancé un peu dans la structure de mon projet.
Cependant j'ai toujours un problème pour passer de :
Une page simple A avec un lien vers une page B et ensuite dans cette page B des sous pages accessible par menu B-C B-D B-E etc comme dans le site du tuto...
https://www.freakyjolly.com/angular-...ge-2/#comments
