在Angular 2+中切换路由时滚动页面到顶部
大家好!我刚学Angular,遇到了一个问题。通过`routerLink`在页面之间切换时,浏览器会保留滚动位置,如果我在长页面的底部,然后切换到另一个页面,它也会在底部打开。这对用户来说非常不方便。
我使用的是Angular 14,模块化架构。以下是我的路由示例:
```typescript
// app-routing.module.ts
const routes: Routes = [
{ path: '', component: HomeComponent },
{ path: 'products', component: ProductsComponent },
{ path: 'about', component: AboutComponent }
];
```
我通过模板中的普通`routerLink`进行切换:
```html
```
我尝试在每个链接上添加`(click)="window.scrollTo(0,0)"`——这有效,但看起来像临时解决方案。另外,如果用户通过浏览器历史记录(按钮)切换,