js相关:Angular2监听页面大小变化的解决方法
发布于 2020-12-29|
摘记: 一、现象全屏页面中的图表,在很多的时候需要 resize 一把,以适应页面的大小变化二、解决1、引入 ..
一、现象全屏页面中的图表,在很多的时候需要 resize 一把,以适应页面的大小变化二、解决1、引入 :
```javascript
import { Observable } from 'rxjs';
```
2、使用(在ngOnInit方法中):
```javascript
ngOnInit() {
// 页面监听
Observable.fromEvent(window, 'resize')
.debounceTime(100) // 以免频繁处理
.subscribe((event) => {
// 这里处理页面变化时的操作
console.log('come on ..');
});
}
```
三、总结研究有没有更多的方法可以在切换时,注销这些监听?以免出现内存泄漏。尽可能在ngOnDestroy() 方法中。原文地址: http://www.cnblogs.com/waitingbar/archive/2017/10/09/7641609.html