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, Nov 28 '18 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, Nov 28 '18 at 16:09

score 35 · Accepted Answer · edited Jan 26 '21 at 13:58

35

There you go.

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

edited Jan 26 '21 at 13:58

Roy

answered Nov 28 '18 at 16:13

Oen44

1

Technically this works but the recommended way is to pass it as the second argument. Please take a look at Aragom's answer. – James Poulose Nov 28 '18 at 16:19

score 6 · Answer 2 · answered Nov 28 '18 at 16:15

6

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

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

3 Answers3