要在Angular 9中在不同页面上跳转到锚点，你可以使用Angular的路由器和锚点标记。

首先，在你的路由器配置中，确保设置了适当的路由路径和组件，例如：

const routes: Routes = [
  { path: '', component: HomeComponent },
  { path: 'about', component: AboutComponent },
  { path: 'contact', component: ContactComponent },
];

然后，在你的HTML模板中，为每个页面上的锚点设置标记，例如：

跳转到Section 1
跳转到Section 2


跳转到Section 1
跳转到Section 2


跳转到Section 1
跳转到Section 2


跳转到Section 1
跳转到Section 2

注意，在锚点标记中，使用routerLink指令来设置路由路径和锚点名称。

最后，在你的组件中，你可以使用scrollIntoView方法将页面滚动到指定的锚点。例如，在Home组件中，你可以这样做：

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.css']
})
export class HomeComponent implements OnInit {

  constructor() { }

  ngOnInit(): void {
    const section = window.location.hash.substr(1); // 获取当前URL中的锚点名称
    if (section) {
      const element = document.getElementById(section); // 获取指定锚点的元素
      if (element) {
        element.scrollIntoView(); // 滚动到指定锚点
      }
    }
  }

}

在这个示例中，我们在组件的ngOnInit生命周期钩子中获取当前URL中的锚点名称，并使用getElementById方法获取指定锚点的元素。然后，我们使用scrollIntoView方法将页面滚动到指定的锚点。

你可以在其他组件中重复类似的逻辑，只需根据需要调整路由路径和锚点名称即可。

希望这个解决方法对你有所帮助！