How to use routerLink that go to child without changing parent dynamic param

Asked Apr 04 '17 at 11:08

Active Apr 04 '17 at 11:08

Viewed 307 times

I am trying to route to a child link without changing parent param.

{
    path: ':lang',
    children: [
        { path: 'books', component: BooksComponent },
    ]
}

This is what I tried I also tried other methods but haven't worked till now.

[routerLink]="[lang, '/books']"

asked Apr 04 '17 at 11:08

try [routerLink]="[lang+'/books']" – El houcine bougarfaoui Apr 04 '17 at 11:18
Just tried it doesn't work. However if I use it like this [routerLink]="['/'+lang+'/books']" it goes to /undefined/books. Am I calling the lang parameter wrong? – Raymond the Developer Apr 04 '17 at 11:24
But then it will go to /lang/books I want the lang to be dynamic. So depending on the current param it can be 'en' or 'nl' for example. – Raymond the Developer Apr 04 '17 at 11:45
ah, okay, I thougt lang is a string: `lang`. Then disregard what I said :D – AT82 Apr 04 '17 at 11:46
But anyway, then lang is undefined when you are trying to route. Make sure `lang` has a value :) – AT82 Apr 04 '17 at 11:47
The lang is declared as a param within the router ':lang'. I can use a service to get the route param but in the official angular docs just by calling the param name inside the routerLink it should work. Can't seem to understand why not in my case. – Raymond the Developer Apr 04 '17 at 12:05
You'd have to create a plunker to showcase the issue, otherwise it's almost impossible to help you. – AT82 Apr 04 '17 at 17:38

0 Answers0