路线更改视图不会在angular2的新页面中滚动到顶部

Question

我已经尝试autoscroll="false"了router-outlet但似乎没有工作,是否有任何默认方法angular2做同样不使用任何第三方库？

Answer 1

直到 Angular 6

这是一个更简洁的方法：

this.router.events.subscribe((ev:any) => {
  if (ev instanceof NavigationEnd) {
    window.scrollTo(0, 0);
  }
});

从 Angular 6.1

您可以在路由器配置中执行此操作。正如此处所建议的，这可能是未来版本中的规范。

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

Answer 2

在这里找到答案/sf/answers/2772139121/

我们可以订阅路线更改事件并滚动到顶部,其中包含一些内容

ngOnInit() {
    this.router.events.subscribe((evt) => {
        if (!(evt instanceof NavigationEnd)) {
            return;
        }
        document.body.scrollTop = 0;
    });
}