Angular 2: How to provide interpolation with [routerLink]

Question

I have routing defined in routing.ts file in this way.

const routesapp: Routes= [
{path:'user/id', component:UserComponent}
];
export const:routing ModuleWithProviders = RouterModule.forRoot(routesapp, {useHash:true});

and in HTML

<li class ="Some class">
    <a href= "#/user/{{id}}"> Link </a>
</li>

How do I convert this to work with [routerLink]? From previous posts I learnt that we cannot add interpolation with [routerLink], i.e [routerLink] = ['user/{{id}}']

I want to add interpolation in HTML only and I cannot add it in routing file. Also, How to override useHash of routing file in HTML?

Answer 1

try this

<li class ="Some class">
    <a [routerLink]="['user', idVariable]">Link </a>
</li>