角度ルータリンクがリンクアドレスを間違って解決する

Question

プロジェクトHTMLファイル内のid = "POSProject"タグ要素にルーティングしてスクロールする "/ projects"コンポーネントがあります。

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

しかし、私はテキストリンクをクリックすると、URLが

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

の代わりに、正しくは

http://localhost:4200/projects#POSProject 

に解決に解決されます。

は、これを行うために、私は次のことを試みました

Angularの設定プロパティはこの競合を解決していますか？

Answer 1

フラグメント属性にアンカータグを配置する必要があります。このようなもの

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

詳細はhereです。