In the link simply add routerLink
and provide the route you want to use:
<li [routerLinkActive]="['active']"><a [routerLink]="['/recipes']" [routerLinkActive]="['navigation-bar-selected']">Recipes</a></li>
You can use routerLinkActive
to set a css class to set when this route is
beign used.