Angular独立模式下如何通过provideRouter实现路由切换时滚动到顶部

在独立模式下，provideRouter 同样支持传入配置对象作为第二个参数，用法和 RouterModule.forRoot 一致，直接将滚动配置添加进去即可。

修改你的 app.config.ts 代码如下：

// 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, { 
      scrollPositionRestoration: 'top' 
    }),
  ],
};

配置完成后，每次路由切换时页面就会自动滚动到顶部。

内容的提问来源于stack exchange，提问作者Rens Jaspers