Refer to “link.path” while redirecting to root using [routerLink]

Question

I have an application that uses a typescript file for setting up links and within the template I use ngFor to interpolate through the links and build a navigation b

Answer 1

In Angular you can compose URL with respect of any path; [routerLink] provide the facility to provide string token or variables to make final path

[routerLink]="['/', var, 'str']" = /var/str

<a class="nav-link" [routerLink]='["/", link.path]'>{{ link.text }}</a>

Angular official reference for RouterLink : https://angular.io/api/router/RouterLink