Angular 4 - Adding router param before url

Question

Just wondering whether there is a way to create a angular route with parameter before of in-between a url,

{path: ':param/test/list'} or {path: 'web/:param/list'}

and reference it in routerLink directive,

[routerLink]="['test/list', paramValue]"

Thee parameter value is always getting appended to the end of the url.

score 2 · Accepted Answer · answered Nov 17 '17 at 10:45

2

try this:

path: { ':parameter/test/list' }
[routerLink]="[paramValue + 'test/list']"

or

path: { 'test/:parameter/list' }
[routerLink]="['test/' + paramValue + '/list']"

answered Nov 17 '17 at 10:45

Mauricio Wanderley Martins · Answer 2 · 2017-11-17T11:50:03.600

1

You should put parameter segment in same position to route. Something similar:

path: { ':parameter/test/list' }
[routerLink]="[paramValeu, 'test', 'list']"

Edit:

Separate segments in Route link.

edited Nov 17 '17 at 11:50

answered Nov 17 '17 at 10:04

Thanks Martin. When I do this the '/' in the URL 'test/list' gets replaced with '%2F' which is the encoding reference for the slash character. Like - 'paramValue/test%2Flist – guru Nov 17 '17 at 10:12
Well maybe you need to change route link: [routerLink]="[paramValeu, 'test', 'list']. Because route link use the route segments separate. – Mauricio Wanderley Martins Nov 17 '17 at 11:49

score 0 · Answer 3 · answered Nov 17 '17 at 10:14

0

Always better to use router instead of [href]

Good luck

answered Nov 17 '17 at 10:14

andrea06590

3 Answers3