Routage angulaire 2 avec culture

Question

Je dois ajouter la culture avant chaque route pour l'application. J'utilise toujours RC4. Comment puis-je modifier mes itinéraires actuels pour obtenir le résultat souhaité?

export const routes: RouterConfig = [ 
...ItemRoutes, 
...LibraryRoutes, 

{ path: '', redirectTo: 'dashboard', pathMatch: 'full' }, 
{ path: 'dashboard', component: DashboardComponent }, 
{ path: '**', redirectTo: 'dashboard' } 

];

Maintenant, après authentification, mon lien de redirection est

localhost/en 

J'ai la configuration de l'application avec la culture actuelle lorsque le composant App est chargé, en fin de compte je voudrais mettre l'y langue et avoir comme itinéraire préfixe .

Avec ma configuration actuelle, je vais être redirigé vers le tableau de bord. Comment puis-je ajouter le paramètre de culture comme premier paramètre à toutes les routes? Y a-t-il quelque chose que je devrais savoir concernant les paramètres de routage et de culture/langue? Quel est le meilleur moyen de définir la langue sur le côté frontal?

Answer 1

Ci-dessous la solution est de ne pas ajouter exactement un préfixe à toutes les routes, mais il peut aider,

export const routes: RouterConfig = [ 
...ItemRoutes, 
...LibraryRoutes, 

{ path: '', redirectTo: 'dashboard', pathMatch: 'full' }, 
{ path: 'dashboard', component: DashboardComponent }, 
{ path: '**', redirectTo: 'dashboard' } 
] 

export const localeRoutes: RouterConfig = [ 
{ path: '', redirectTo: 'en' , pathMatch: 'full'}, 
{ path: 'en', children: routes }, 
{ path: 'fr', children: routes } 
] 

Vous devez vous assurer que tous vos itinéraires sont configurés à partir d'ici que, si les routes sont définies dans le module importé , ils seront traités séparément. Cependant, cette approche fonctionnera avec les routes chargées Lazy si elles sont configurées ici.

Espérons que cela aide !!