导航到带角度路由器的部分

Question

如何在Angular 2上导航到HTML的特定部分？我想按如下方式导航：

<a href="#first">First section</a></li>
<a href="#second">Second section</a></li>
<a href="#third">Third section</a></li>

<section id="first">
    Content...
</section
<section id="second">
    Content...
</section>
<section id="third">
    Content...
</section>

但使用Angular路由器。

谢谢！

Answer 1

你需要在你的路由器中添加这个

import Logo from 'path/to/logo.png';

<img src={Logo} className="Logo" alt="logo" />

你的锚标签应该是这样的

const routerOptions: ExtraOptions = {
    scrollPositionRestoration: 'enabled',
    anchorScrolling: 'enabled',
    scrollOffset: [0, 64],
  };




@NgModule({
    imports: [CommonModule, RouterModule.forRoot(routes, routerOptions)], //ExtraOptions
    ...
  })

对于文档 点击here