Angular 9-如何在窗口大小改变时获得子元素的宽度？

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

@Component({
  selector: 'app-your-component',
  template: `
    <div #childElement></div>
  `
})
export class YourComponent {
  constructor(private elementRef: ElementRef) {}

  // 监听窗口大小改变事件
  @HostListener('window:resize')
  onWindowResize() {
    // 获取子元素的宽度
    const childElementWidth = this.elementRef.nativeElement.querySelector('#childElement').offsetWidth;
    console.log('子元素宽度：', childElementWidth);
  }
}