在 Angular 中，你可以使用 @ViewChild 来获取 DOM 元素，并通过 ElementRef 来访问该元素的高度宽度。以下是一个示例，展示了如何获取元素的高度宽度：

1. 在组件模板中定义元素

首先，在组件的模板中定义一个元素，并为其添加一个模板引用变量（如 #myElement）：

<div #myElement>
  This is the element whose height we want to get.
</div>

2. 在组件类中使用 @ViewChild 获取元素

在组件类中，使用 @ViewChild 获取该元素的引用，并通过 ElementRef 访问其属性：

import { Component, ViewChild, ElementRef, AfterViewInit } from '@angular/core';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent implements AfterViewInit {
  @ViewChild('myElement', { static: false }) myElementRef: ElementRef;

  ngAfterViewInit() {
    // 确保在视图初始化后获取元素高度
    const element = this.myElementRef.nativeElement;
    const height = element.offsetHeight; // 获取元素的高度
    const width = element.offsetWidth; // 获取元素的宽度
    console.log(height, height);
  }
}

4. 注意事项

• 如果你在 ngOnInit 中尝试获取元素的高度宽度，可能会得到错误的结果，因为此时元素可能还未渲染到 DOM 中。
• 如果你需要动态监听元素高度宽度的变化，可以考虑使用 ResizeObserver 或其他类似的 API。

完美，其他的可以在官方文档查看。