Angular2監(jiān)聽頁面大小變化的解決方法
更新時間：2017年10月09日 16:52:11 作者：小老虎網(wǎng)絡(luò)
這篇文章主要介紹了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)站的支持！
相關(guān)文章
過濾器（filter）正如其名，作用就是接收一個輸入，通過某個規(guī)則進(jìn)行處理，然后返回處理后的結(jié)果。主要用在數(shù)據(jù)的格式化上，例如獲取一個數(shù)組中的子集，對數(shù)組中的元素進(jìn)行排序等2015-12-12
Angular5.0 子組件通過service傳遞值給父組件的方法
這篇文章主要介紹了Angular5.0 子組件通過service傳遞值給父組件的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-07
這篇文章主要介紹了Angularjs修改密碼的實(shí)例代碼,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-05-05
angular4 如何在全局設(shè)置路由跳轉(zhuǎn)動畫的方法
本篇文章主要介紹了angular4 如何在全局設(shè)置路由跳轉(zhuǎn)動畫的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
這篇文章主要介紹了Angular19 自定義表單控件的相關(guān)資料，非常不錯，具有參考借鑒價值,需要的朋友可以參考下2018-01-01
這篇文章主要介紹了angularjs通過過濾器返回超鏈接的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-10-10
Angular實(shí)現(xiàn)類似博客評論的遞歸顯示及獲取回復(fù)評論的數(shù)據(jù)
這篇文章主要給大家介紹了關(guān)于Angular如何實(shí)現(xiàn)類似博客評論的遞歸顯示及獲取回復(fù)評論的數(shù)據(jù)的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-11-11
在Angular中實(shí)現(xiàn)一個級聯(lián)效果的下拉框的示例代碼
這篇文章主要介紹了在Angular中實(shí)現(xiàn)一個級聯(lián)效果的下拉框的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
本篇文章主要介紹了Angular 封裝并發(fā)布組件的方法示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-04-04
angularjs實(shí)現(xiàn)的前端分頁控件示例
本篇文章主要介紹了angularjs實(shí)現(xiàn)的前端分頁控件示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02