要获取滚动高度和文档高度，可以使用Angular的内置指令@HostListener来监听滚动事件，并使用window对象的属性来获取滚动高度和文档高度。

下面是一个使用@HostListener指令的示例代码：

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

@Component({
  selector: 'app-scroll',
  template: `
    
Scroll down to see the results
    

      Scroll Height: {{ scrollHeight }}px

      Document Height: {{ documentHeight }}px
    
  `,
})
export class ScrollComponent {
  scrollHeight: number = 0;
  documentHeight: number = 0;

  @HostListener('window:scroll', ['$event'])
  onScroll(event: any) {
    // 获取滚动高度
    this.scrollHeight = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;

    // 获取文档高度
    this.documentHeight = Math.max(
      document.body.scrollHeight,
      document.body.offsetHeight,
      document.documentElement.clientHeight,
      document.documentElement.scrollHeight,
      document.documentElement.offsetHeight
    );
  }
}

在上面的代码中，我们使用@HostListener指令来监听window对象的scroll事件，并在滚动事件发生时调用onScroll方法。在onScroll方法中，我们使用window.pageYOffset属性来获取滚动高度，然后使用一系列的属性来获取文档高度。最后，我们将滚动高度和文档高度绑定到组件的属性上，在模板中显示出来。

请注意，为了使滚动高度和文档高度在滚动时实时更新，需要将@HostListener指令添加到组件的根元素上，或者添加到包含滚动内容的元素上。