RouterLink- angular2, child route and a query string

Question

angular2,

How do I add a query query to a nested route in this format?

This works in ts file:

routerLink = ['/output', {outlets: {'output': ['details']}}] 

http://localhost:4200/#/output/(output:details)

How do I modify to add a query parm? URL should like like this:

    http://localhost:4200/#/output/(output:details;id=1)

hey, I also answered a while ago [here](https://stackoverflow.com/questions/42600241/angular2-and-routing-adding-a-query-parm-to-child/42600394#42600394) to your question, did it help? — Max Koretskyi, Jun 09 '17 at 06:21

score 1 · Accepted Answer · answered Jun 09 '17 at 05:14

You can pass parameters as objects to URL segments like this:

router.navigate([
     '/inbox', 33, {details: true}, 'messages', 44, {mode: 'preview'}
])

So in your case it will like this:

routerLink = ['/output', {outlets: {'output': ['details', {id: 1}]}}] 
                                                           ^^^^^

this will generate the URL:

/output/(output:details;id=1)

1 Answers1