angular - 角度显示页面顶部视图

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)
      }
    });
  }
}