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

一、現(xiàn)象

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

二、解決

1、引入 ：

import { Observable } from 'rxjs';

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

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

三、總結(jié)

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

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

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