angular2監聽頁面大小變化

一、現象

全屏頁面中的圖表，在很多的時候需要 resize 一把，以適應頁面的大小變化

 

二、解決

1、引入 ：

import { Observable } from 'rxjs';

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

　

ngOnInit() {

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

三、總結

研究有沒有更多的方法可以在切換時，注銷這些監聽？以免出現內存泄漏。盡可能在

ngOnDestroy() 方法中