angular2監聽頁面大小變化

1、現象

全屏頁面中的圖表，在不少的時候須要 resize 一把，以適應頁面的大小變化

 

2、解決

一、引入 ：

import { Observable } from 'rxjs';

二、使用(在ngOnInit方法中)：

　

ngOnInit() {

　　// 頁面監聽
　　Observable.fromEvent(window, 'resize')
  　　.debounceTime(100) // 以避免頻繁處理
  　　.subscribe((event) => {
　　　　// 這裏處理頁面變化時的操做
    　　console.log('come on ..');
  　　});
}

3、總結

研究有沒有更多的方法能夠在切換時，註銷這些監聽？以避免出現內存泄漏。儘量在

ngOnDestroy() 方法中