Angular2导航到锚点错误

Question

我使用HashLocationStrategy，我的网站中的路由是可以的，我有以下代码：

<a href="#jumpToHere">Jump</a>
<h3 id="jumpToHere">Hello</h3>

当我点击<a>标签时，angular2抛出此异常：EXCEPTION：TypeError：无法读取null的属性'toUrlPath'

那是什么错误？
请帮我解决这个错误！

提前致谢

Answer 1

与您的位置策略provide(LocationStrategy, {useClass: HashLocationStrategy})

发生冲突

使用基于散列的angular会认为您在使用该语法时想要导航到另一个路径

基于路径，您需要[routerLink]导航到其他路由，所以没有冲突 /yourroute#youranchor

这是一个有效的plnkr

Answer 2

使用ng2-simple-page-router，您可以导航到路由视图中的锚点。或者甚至将锚ID传递给新路线以自动跳转到：

<a simplePageScroll href="#myanchor">Go there</a>

如果你想跟随一个锚跳跃的路线：

<a simplePageScroll [routerLink]="['Home']" href="#myanchor">Go there</a>