如何使用provideRouter在Angular中滚动到顶部路由更改？

Question

如何强制 Angular 路由器在路由更改时导航到页面顶部？

当我使用

NgModules

时，我可以这样做：

RouterModule.forRoot(appRoutes, { scrollPositionRestoration: 'enabled' })

但是在独立模式下我看不到可以在哪里添加此配置到

provideRouter

。

// app.config.ts
import { ApplicationConfig } from "@angular/core";
import { provideRouter } from "@angular/router";
import { routes } from "./app.routes";

export const appConfig: ApplicationConfig = {
  providers: [
    provideRouter(routes),
  ],
};

Answer 1

将

withInMemoryScrolling({scrollPositionRestoration: "top"})

作为第二个参数添加到

provideRouter

：

import { ApplicationConfig } from "@angular/core";
import { provideRouter, withInMemoryScrolling } from "@angular/router";
import { routes } from "./app.routes";

export const appConfig: ApplicationConfig = {
  providers: [
    provideRouter(
      routes,
      withInMemoryScrolling({
        scrollPositionRestoration: "top",
      })
    ),
  ],
};