1. 使用HostListener装饰器监听窗口大小调整事件，并在组件中添加相应的处理函数。

例如：

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

@Component({ selector: 'app-my-component', templateUrl: './my-component.component.html', styleUrls: ['./my-component.component.css'] }) export class MyComponentComponent { @HostListener('window:resize', ['$event']) onResize(event) { // 处理窗口大小调整事件 } }

2. 使用RxJS中的fromEvent方法监听窗口大小调整事件，然后订阅事件并在回调函数中添加相应的处理逻辑。

例如：

import { Component, OnInit } from '@angular/core'; import { fromEvent } from 'rxjs';

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

ngOnInit() { const resize$ = fromEvent(window, 'resize'); resize$.subscribe((event) => { // 处理窗口大小调整事件 }); }

}