角度显示页面顶部视图

Question

需要帮助！我正在使用Angular 4.在哪里使用侧边栏作为单独的组件并在侧边栏的右侧显示相应的数据。 （即，如果用户单击侧栏上的链接A1，则应在侧栏的右侧顶部显示A1的内容）。但它不工作我也尝试使用简单的HTML href属性移动到特定的div。它运行良好，但我得到的问题是当用户点击B的链接页面再次开始再次加载页面，因为B是另一个组件。这有角度的解决方案吗？

并且如果我滚动到A的容器中间并且在点击链接B之后它没有显示容器顶部它只是从我离开容器A的中间显示。任何解决方案？

Answer 1

解决上一个问题的简单方法：

import {Component} from '@angular/core';
import {NavigationEnd, Router} from '@angular/router';

@Component({
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss'],
})
export class AppComponent {

  constructor(
    private readonly router: Router
  ) {
    this.router.events.subscribe((e) => {
      if (e instanceof NavigationEnd) {
        window.scrollTo(0, 0)
      }
    });
  }
}