Angular2 routerLink fragment with variable

Question

Is it possible to do something like:

<ul>
    <li *ngFor="let language of languages">
        <a [routerLink]="['#' + language]">{{language}}</a>
    </li>
</ul>

or

<ul>
    <li *ngFor="let language of languages">
        <a fragment="language">{{language}}</a>
    </li>
</ul>

keep the same url

and add #en

, #es

or #fr

depending on the value language

? I cannot get it to work.

+8

louis amoros May 31 '17 at 14:16

2 answers

ChintanThummar · Answer 1 · 2017-09-28T09:55:07+0000

You can try something like this:

<ul>
<li *ngFor="let language of languages">
    <a [routerLink]="" fragment="language">{{language}}</a>
</li>

This works in my case.

Taras Halynskyi · Answer 2 · 2019-10-02T13:57:48+0000

<a routerLink="." fragment="section-a">Section A</a>
<a routerLink="." fragment="section-b">Section B</a>

UPDATE 1:

Example on stackblitz: