一、现象
全屏页面中的图表，在很多的时候需要 resize 一把，以适应页面的大小变化，本文主要介绍了Angular2监听页面大小变化的解决方法,需要的朋友可以参考下，希望能帮助到大家。
二、解决
1、引入 ：
import { Observable } from 'rxjs';2、使用(在ngOnInit方法中)：
ngOnInit() {
// 页面监听
Observable.fromEvent(window, 'resize')
.debounceTime(100) // 以免频繁处理
.subscribe((event) => {
// 这里处理页面变化时的操作
console.log('come on ..');
});
}三、总结
研究有没有更多的方法可以在切换时，注销这些监听？以免出现内存泄漏。尽可能在ngOnDestroy() 方法中。
相关推荐：
Atas ialah kandungan terperinci Angular2页面大小变化. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Perkara yang perlu dilakukan jika ralat berlaku dalam skrip halaman semasa
Apakah platform menandatangani kontrak elektronik?
Apakah data yang biasanya disimpan oleh redis cache?
Bagaimanakah sari kata PR muncul perkataan demi perkataan?
Apakah kegunaan winlicense?
es6 ciri baharu
Bagaimana untuk membuka fail php
Apakah yang termasuk platform e-dagang?
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
