使用Auglar Router无法显示页面顶部

Question

这里的问题是，当我使用角度路由器路由到下一页或另一页时，它先显示页面底部，而不显示页面顶部：

下面是我的模板页面代码，单击后将转到下一页，但在下一页中则显示页面底部

<a [routerLink]="['/user']">
  link to user component
</a>

Answer 1

如果您使用的是Angular v6.1 +，则可以在app-routing.module.ts中将位置固定在顶部：

@NgModule({
  imports: [RouterModule.forRoot(routes, {
    scrollPositionRestoration: 'top'
  })],
  exports: [RouterModule]
})
export class AppRoutingModule { }