Angular route navigation with variable param

Question

I have some routes in my app.module.ts :

 {path: 'infos/:lang', loadChildren: './base-infos/base-infos.module#BaseInfosModule' },
  {path: '', redirectTo: 'infos/fr', pathMatch: 'full' }

And iam calling the first route in my code :

this._router.navigate(['infos/', this.currentLang ])

If i choose the language english, so "this.currentLang" equals to "en" in the url "infos/en". The issue is, even if i choose "en" it always leads me to "infos/fr" instead of "infos/en".

Is there any reason why my code is doing this ??? thanks

whats if you hard code this._router.navigate(['infos','en']). Does it still go to the fr route? I am betting it won't, which means that someone is setting this.currentLang to fr. — frosty
– frosty, Commented Nov 30, 2018 at 22:33

Roman Šimík · Accepted Answer · 2018-12-01 14:11:28Z

2

for first try place the route with path: '' above the another route, like that:

{path: '', redirectTo: 'infos/fr', pathMatch: 'full' }, 
{path: 'infos/:lang', loadChildren: './base-infos/base-infos.module#BaseInfosModule' }

or also try this router.navigate function:

this._router.navigate([`infos/${ this.currentLang }`]);

or also you can try it without the / symbol:

this._router.navigate(['infos', this.currentLang ]);

edited Dec 1, 2018 at 14:11

answered Nov 30, 2018 at 22:35

Roman Šimík

91110 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Raj · Accepted Answer · 2018-11-30 22:41:46Z

1

You don't need trailing '/' in navigate call. Try below line

this._router.navigate(['infos', this.currentLang ])

answered Nov 30, 2018 at 22:41

Raj

5051 gold badge6 silver badges14 bronze badges

Collectives™ on Stack Overflow

Angular route navigation with variable param

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related