Angular2頁面大小變化

一、現象

全螢幕頁面中的圖表，在很多的時候需要resize 一把，以適應頁面的大小變化，本文主要介紹了Angular2監聽頁面大小變化的解決方法,需要的朋友可以參考下，希望能幫助大家。

二、解決

1、引入：

import { Observable } from 'rxjs';

2、使用(在ngOnInit方法)：

ngOnInit() {
　　// 页面监听
　　Observable.fromEvent(window, 'resize')
 　　.debounceTime(100) // 以免频繁处理
 　　.subscribe((event) => {
　　　　// 这里处理页面变化时的操作
  　　console.log('come on ..');
 　　});
}

三、總結

#研究有沒有更多的方法可以在切換時，註銷這些監聽？以免出現內存洩漏。盡可能在ngOnDestroy() 方法中。

相關推薦：

建構angular2.0專案的簡單方法

Angular2整合其他外掛程式的方法實例詳解

在angular2中取得節點的方法

以上是Angular2頁面大小變化的詳細內容。更多資訊請關注PHP中文網其他相關文章！