Angular

Question

我想在一页上禁用 scrollPositionRestoration。假设我的 app-routing.module.ts 文件中有以下路由...

const appRoutes: Routes = [{ path: 'home', component: myComponent}, { path: 'about', component: myComponent}, ]

我的进口商品如下...

@NgModule({imports: [RouterModule.forRoot(appRoutes, {
    scrollPositionRestoration: 'enabled'
})]

如何在 'about' 路线上禁用 scollPositionRestoration？

Answer 1

不要使用：scrollPositionRestoration: 'enabled'

重置回：

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})

然后仅在您的 home.component.ts 中使用它：

scrollTop() {
    window.scroll(0, 0);
  }

然后在你要执行的地方加上(click)="scrollTop()"

Angular - 仅在一条路线上进行 scrollPositionRestoration