Angular variable into routerLink

Question

I'm trying to pass an id in my routerLink, how could I concatenate it?

<a routerLink="['/details', {{data.id}}]"> </a> doesnt work.

Do you have solutions?

Thanks in advance

I guess you have tried to put code inside post? It's not showing. Update it please. — Oen44
– Oen44, Commented Nov 28, 2018 at 16:01
Remove the curly brackets ({{ }}) in what you have now. You just need data.id after the route name. That should work. — R. Richards
– R. Richards, Commented Nov 28, 2018 at 16:09

Roy · Accepted Answer · 2021-01-26 13:58:45Z

39

There you go.

<a [routerLink]="['/details', data.id]"> Link </a>

Roy

8,1295 gold badges29 silver badges49 bronze badges

answered Nov 28, 2018 at 16:13

Oen44

3,2461 gold badge24 silver badges32 bronze badges

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

1 Comment

Technically this works but the recommended way is to pass it as the second argument. Please take a look at Aragom's answer.

Aragorn · Accepted Answer · 2018-11-28 16:15:12Z

7

Parameters go as second item in the array syntax to router link, like this:

[routerLink]="['/details', data.id]

Mike · Accepted Answer · 2021-11-11 19:01:04Z

1

Similar to above, but you can also do this:

<a [routerLink]="['/details' + data.id]"> Link </a>

answered Nov 11, 2021 at 19:01

Mike

711 silver badge3 bronze badges