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

Ophiology

I guess you have tried to put code inside post? It's not showing. Update it please. – Skittle

Code please..and concatenate id with what? path? – Potentiate

Sorry I forgot to put it between quotes – Ophiology

Remove the curly brackets ({{ }}) in what you have now. You just need data.id after the route name. That should work. – Jenn

Answer 1

There you go.

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

Skittle

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

Answer 2

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

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

Read more here

Potentiate

Answer 3

Similar to above, but you can also do this:

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

Cellulitis