获取Angular材质对话框容器中元素的位置

import { Component, OnInit } from '@angular/core';
import { MatDialog, MatDialogRef } from '@angular/material/dialog';

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

  constructor(public dialog: MatDialog) { }

  ngOnInit(): void {
  }

  openDialog(): void {
    const dialogRef = this.dialog.open(DialogContentComponent);

    // 获取对话框容器中元素的位置
    dialogRef.afterOpened().subscribe(() => {
      const dialogContainer = dialogRef.componentInstance.dialogContainer.nativeElement;
      const elementPosition = dialogContainer.getBoundingClientRect();
      console.log('元素位置：', elementPosition);
    });
  }

}

@Component({
  selector: 'app-dialog-content',
  template: `
    <h1 mat-dialog-title>对话框标题</h1>
    <div mat-dialog-content>
      对话框内容
    </div>
    <div mat-dialog-actions>
      <button mat-button (click)="closeDialog()">关闭</button>
    </div>
  `,
})
export class DialogContentComponent {

  constructor(public dialogRef: MatDialogRef<DialogContentComponent>) { }

  closeDialog(): void {
    this.dialogRef.close();
  }

}