等待窗口完成自动调整大小，然后在Angular中执行一些操作

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

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent {

  @HostListener('window:resize', ['$event'])
  onWindowResize(event: any) {
    // 在窗口调整大小时执行的操作
    this.doSomething();
  }

  doSomething() {
    // 执行你想要的操作
  }

}

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

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent {

  constructor(private renderer: Renderer2, private el: ElementRef) {}

  @HostListener('window:resize', ['$event'])
  onWindowResize(event: any) {
    this.doSomething();
  }

  doSomething() {
    // 获取组件的DOM元素
    const componentElement = this.el.nativeElement;

    // 获取组件的新尺寸
    const newWidth = componentElement.offsetWidth;
    const newHeight = componentElement.offsetHeight;

    // 执行你的操作，例如重新计算组件的尺寸
    // ...
  }

}