Angular2监听页面大小变化的解决方法


Posted in Javascript onOctober 09, 2017

一、现象

全屏页面中的图表,在很多的时候需要 resize 一把,以适应页面的大小变化

二、解决

1、引入 :

import { Observable } from 'rxjs';

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

ngOnInit() {
// 页面监听

Observable.fromEvent(window, 'resize')
 
.debounceTime(100) // 以免频繁处理
 
.subscribe((event) => {


// 这里处理页面变化时的操作
  
console.log('come on ..');
 
});
}

三、总结

研究有没有更多的方法可以在切换时,注销这些监听?以免出现内存泄漏。尽可能在ngOnDestroy() 方法中。

以上所述是小编给大家介绍的Angular2监听页面大小变化的解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
基于Jquery与WebMethod投票功能实现代码
Jan 19 Javascript
利用js实现选项卡的特别效果的实例
Mar 03 Javascript
javascript alert乱码的解决方法
Nov 05 Javascript
浅析js中的浮点型运算问题
Jan 06 Javascript
原生javaScript实现图片延时加载的方法
Dec 22 Javascript
JavaScript实现更改网页背景与字体颜色的方法
Feb 02 Javascript
jquery处理页面弹出层查询数据等待操作实例
Mar 25 Javascript
jQuery插件cxSelect多级联动下拉菜单实例解析
Jun 24 Javascript
关于微信中a链接无法跳转问题
Aug 02 Javascript
Highcharts学习之坐标轴
Aug 02 Javascript
简单谈谈vue的过渡动画(推荐)
Oct 11 Javascript
微信小程序实现Swiper轮播图效果
Nov 22 Javascript
JS实现预加载视频音频/视频获取截图(返回canvas截图)
Oct 09 #Javascript
input 标签实现输入框带提示文字效果(两种方法)
Oct 09 #Javascript
详解使用Typescript开发node.js项目(简单的环境配置)
Oct 09 #Javascript
JS中Attr的用法详解
Oct 09 #Javascript
移动端效果之Swiper详解
Oct 09 #Javascript
浅谈node的事件机制
Oct 09 #Javascript
JS实现中文汉字按拼音排序的方法
Oct 09 #Javascript
You might like
提升PHP执行速度全攻略(上)
2006/10/09 PHP
php读取远程gzip压缩网页的方法
2014/12/29 PHP
php批量删除cookie的简单实现方法
2015/01/26 PHP
PHP Streams(流)详细介绍及使用
2015/05/12 PHP
PHP实现搜索相似图片
2015/09/22 PHP
PHP常见字符串处理函数用法示例【转换,转义,截取,比较,查找,反转,切割】
2016/12/24 PHP
Jquery 基础学习笔记
2009/05/29 Javascript
JSON 学习之JSON in JavaScript详细使用说明
2010/02/23 Javascript
使用jQuery仿苹果官网焦点图特效
2014/12/23 Javascript
jquery+css3实现网页背景花瓣随机飘落特效
2015/08/17 Javascript
js中substring和substr两者区别和使用方法
2015/11/09 Javascript
即将发布的jQuery 3 有哪些新特性
2016/04/14 Javascript
js倒计时简单实现代码
2016/08/11 Javascript
BootStrap入门学习第一篇
2017/08/28 Javascript
详解vue 单页应用(spa)前端路由实现原理
2018/04/04 Javascript
如何使用CSS3+JQuery实现悬浮墙式菜单
2019/06/18 jQuery
Vue可自定义tab组件用法实例
2019/10/24 Javascript
微信小程序实现Swiper轮播图效果
2019/11/22 Javascript
js面向对象之实现淘宝放大镜
2020/01/15 Javascript
[04:50]DOTA2亚洲邀请赛小组赛第四日 TOP10精彩集锦
2015/02/02 DOTA
Python新手实现2048小游戏
2015/03/31 Python
Python导入txt数据到mysql的方法
2015/04/08 Python
Python使用设计模式中的责任链模式与迭代器模式的示例
2016/03/02 Python
Python实现进程同步和通信的方法
2018/01/02 Python
用python编写第一个IDA插件的实例
2018/05/29 Python
python3爬虫之设计签名小程序
2018/06/19 Python
python队列原理及实现方法示例
2019/11/27 Python
Mac中PyCharm配置Anaconda环境的方法
2020/03/04 Python
python制作抽奖程序代码详解
2021/01/15 Python
基于CSS3实现立方体自转效果
2016/03/01 HTML / CSS
Space NK美国站:英国高端美妆护肤商城
2017/05/22 全球购物
施华洛世奇韩国官网:SWAROVSKI韩国
2018/06/05 全球购物
什么是测试驱动开发(TDD)
2012/02/15 面试题
历史学专业推荐信
2013/11/06 职场文书
2015年女生节活动总结
2015/02/27 职场文书
入党积极分子半年考察意见
2015/06/02 职场文书