Angular2監(jiān)聽(tīng)頁(yè)面大小變化的解決方法
更新時(shí)間：2017年10月09日 16:52:11 作者：小老虎網(wǎng)絡(luò)
這篇文章主要介紹了Angular2監(jiān)聽(tīng)頁(yè)面大小變化的解決方法,需要的朋友可以參考下
一、現(xiàn)象
全屏頁(yè)面中的圖表，在很多的時(shí)候需要 resize 一把，以適應(yīng)頁(yè)面的大小變化
二、解決
1、引入 ：
import { Observable } from 'rxjs';
2、使用(在ngOnInit方法中)：
ngOnInit() {
// 頁(yè)面監(jiān)聽(tīng)
Observable.fromEvent(window, 'resize')
.debounceTime(100) // 以免頻繁處理
.subscribe((event) => {
// 這里處理頁(yè)面變化時(shí)的操作
console.log('come on ..');
});
}
三、總結(jié)
研究有沒(méi)有更多的方法可以在切換時(shí)，注銷(xiāo)這些監(jiān)聽(tīng)？以免出現(xiàn)內(nèi)存泄漏。盡可能在ngOnDestroy() 方法中。
以上所述是小編給大家介紹的Angular2監(jiān)聽(tīng)頁(yè)面大小變化的解決方法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
過(guò)濾器（filter）正如其名，作用就是接收一個(gè)輸入，通過(guò)某個(gè)規(guī)則進(jìn)行處理，然后返回處理后的結(jié)果。主要用在數(shù)據(jù)的格式化上，例如獲取一個(gè)數(shù)組中的子集，對(duì)數(shù)組中的元素進(jìn)行排序等2015-12-12
Angular5.0 子組件通過(guò)service傳遞值給父組件的方法
這篇文章主要介紹了Angular5.0 子組件通過(guò)service傳遞值給父組件的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-07-07
這篇文章主要介紹了Angularjs修改密碼的實(shí)例代碼,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-05-05
angular4 如何在全局設(shè)置路由跳轉(zhuǎn)動(dòng)畫(huà)的方法
本篇文章主要介紹了angular4 如何在全局設(shè)置路由跳轉(zhuǎn)動(dòng)畫(huà)的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
這篇文章主要介紹了Angular19 自定義表單控件的相關(guān)資料，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下2018-01-01
angularjs通過(guò)過(guò)濾器返回超鏈接的方法
這篇文章主要介紹了angularjs通過(guò)過(guò)濾器返回超鏈接的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-10-10
Angular實(shí)現(xiàn)類(lèi)似博客評(píng)論的遞歸顯示及獲取回復(fù)評(píng)論的數(shù)據(jù)
這篇文章主要給大家介紹了關(guān)于Angular如何實(shí)現(xiàn)類(lèi)似博客評(píng)論的遞歸顯示及獲取回復(fù)評(píng)論的數(shù)據(jù)的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-11-11
在Angular中實(shí)現(xiàn)一個(gè)級(jí)聯(lián)效果的下拉框的示例代碼
這篇文章主要介紹了在Angular中實(shí)現(xiàn)一個(gè)級(jí)聯(lián)效果的下拉框的示例代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
本篇文章主要介紹了Angular 封裝并發(fā)布組件的方法示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-04-04
angularjs實(shí)現(xiàn)的前端分頁(yè)控件示例
本篇文章主要介紹了angularjs實(shí)現(xiàn)的前端分頁(yè)控件示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02