Angular2監(jiān)聽頁面大小變化的解決方法

一、現(xiàn)象

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

二、解決

1、引入 ：

import { Observable } from 'rxjs';

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

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

三、總結(jié)

研究有沒有更多的方法可以在切換時，注銷這些監(jiān)聽？以免出現(xiàn)內(nèi)存泄漏。盡可能在ngOnDestroy() 方法中。

以上所述是小編給大家介紹的Angular2監(jiān)聽頁面大小變化的解決方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com