如何在角度组件中定位Div

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

export class MyComponent {
  divPosition: any;
}

<div #myDiv>
  <!-- 内容 -->
</div>

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

export class MyComponent {
  @ViewChild('myDiv') myDiv: ElementRef;
  
  // 组件生命周期钩子函数
  ngAfterViewInit() {
    this.divPosition = this.myDiv.nativeElement.getBoundingClientRect();
  }
}

// 获取左上角坐标
const x = this.divPosition.left;
const y = this.divPosition.top;

// 获取宽度和高度
const width = this.divPosition.width;
const height = this.divPosition.height;