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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 html : Sélectionner tout - Visualiser dans une fenêtre à part
<a [routerLink]="[{ outlets: { zone1: ['page1'] } }]" >ColorComponent</a> -
et
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
 <router-outlet name="zone1"></router-outlet>
Que je rajoute dans le routing de connect :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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