angular 历史路线和片段

Question

我的angular应用使用历史路由路径

localhost/blog/article/:id

当此路由打开时 localhost/blog/article/123456，httpclient 获取一些 markdown 内容数据并呈现

降价内容

- [one](#one)
- [two](#two)

# one
some thing

# two
some thing

渲染html

<a herf="#one">one</a>
<a herf="#two">two</a>
<h1 id="one">one</h1>
<p>some thing</p>
<h1 id="two">one</h1>
<p>some thing</p>

但点击 a 标签重定向到根路径

如何在点击标签时滚动到片段

--------更新--------

问题已解决

Answer 1

您需要在 RouterModule.forRoot() 中启用 anchorScrolling，如下所示：-

RouterModule.forRoot({anchorScrolling: true})

并像上面那样使用片段属性而不是 href 来分配片段。

<a [routerLink]='"."' [fragment]="one">Dashboard</a>

你可以在这里阅读它:-

或者：-

angular history route and fragment