Angular routerLink löst die Linkadresse falsch

Question

Ich habe eine "/ projects" -Komponente, wo ich zu dem ID = "POSProject" -Tag-Element innerhalb der Projekt-HTML-Datei routen und scrollen möchte.

Um dies zu tun, habe ich versucht, die folgenden:

<a routerLink="/projects#POSProject" routerLinkActive="active">Link text</a> 

Aber wenn ich den Text-Link klicken, wird die URL aufgelöst

http://localhost:4200/projects%23POSProject 

statt richtig

http://localhost:4200/projects#POSProject 

zu

Lösung

Gibt es eine Konfigurationseigenschaft in Angular, um diesen Konflikt zu lösen?

Answer 1

Sie müssen Anchor-Tags im Fragmentattribut platzieren. So etwas,

<a [routerLink]="/projects" fragment="POSProject">Link Text!</a> 

Sie können mehr here anzeigen.