Angular2監(jiān)聽頁面大小變化的解決方法
來源:懂視網(wǎng)
責編:小采
時間:2020-11-27 22:28:09
Angular2監(jiān)聽頁面大小變化的解決方法
Angular2監(jiān)聽頁面大小變化的解決方法:一、現(xiàn)象 全屏頁面中的圖表,在很多的時候需要 resize 一把,以適應頁面的大小變化 二、解決 1、引入 : import { Observable } from 'rxjs'; 2、使用(在ngOnInit方法中): ngOnInit() { // 頁面監(jiān)聽 Observable.fromEvent(
導讀Angular2監(jiān)聽頁面大小變化的解決方法:一、現(xiàn)象 全屏頁面中的圖表,在很多的時候需要 resize 一把,以適應頁面的大小變化 二、解決 1、引入 : import { Observable } from 'rxjs'; 2、使用(在ngOnInit方法中): ngOnInit() { // 頁面監(jiān)聽 Observable.fromEvent(
一、現(xiàn)象
全屏頁面中的圖表,在很多的時候需要 resize 一把,以適應頁面的大小變化
二、解決
1、引入 :
import { Observable } from 'rxjs';
2、使用(在ngOnInit方法中):
ngOnInit() {
// 頁面監(jiān)聽
Observable.fromEvent(window, 'resize')
.debounceTime(100) // 以免頻繁處理
.subscribe((event) => {
// 這里處理頁面變化時的操作
console.log('come on ..');
});
}
三、總結
研究有沒有更多的方法可以在切換時,注銷這些監(jiān)聽?以免出現(xiàn)內(nèi)存泄漏。盡可能在ngOnDestroy() 方法中。
以上所述是小編給大家介紹的Angular2監(jiān)聽頁面大小變化的解決方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
Angular2監(jiān)聽頁面大小變化的解決方法
Angular2監(jiān)聽頁面大小變化的解決方法:一、現(xiàn)象 全屏頁面中的圖表,在很多的時候需要 resize 一把,以適應頁面的大小變化 二、解決 1、引入 : import { Observable } from 'rxjs'; 2、使用(在ngOnInit方法中): ngOnInit() { // 頁面監(jiān)聽 Observable.fromEvent(