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实现控制表格行高亮实例
Jun 05 Javascript
jquery实现隐藏与显示动画效果/输入框字符动态递减/导航按钮切换
Jul 01 Javascript
JQuery实现鼠标移动到图片上显示边框效果
Jan 09 Javascript
JavaScript定时器实现的原理分析
Dec 06 Javascript
解析JavaScript数组方法reduce
Dec 12 Javascript
JS生成随机打乱数组的方法示例
Dec 23 Javascript
使用Angular CLI进行单元测试和E2E测试的方法
Mar 24 Javascript
基于vue和react的spa进行按需加载的实现方法
Sep 29 Javascript
VUE v-model表单数据双向绑定完整示例
Jan 21 Javascript
jQuery表单校验插件validator使用方法详解
Feb 18 jQuery
js轮播图之旋转木马效果
Oct 13 Javascript
jQuery插件实现图片轮播效果
Oct 19 jQuery
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
Codeigniter中mkdir创建目录遇到权限问题和解决方法
2014/07/25 PHP
php中get_meta_tags()、CURL与user-agent用法分析
2014/12/16 PHP
php实现点击可刷新验证码
2015/11/07 PHP
WordPress中给文章添加自定义字段及后台编辑功能区域
2015/12/19 PHP
PHP+jQuery实现双击修改table表格功能示例
2019/02/21 PHP
php获取是星期几的的一些常用姿势
2019/12/15 PHP
javascript eval和JSON之间的联系
2009/12/31 Javascript
Jquery带搜索框的下拉菜单
2013/05/06 Javascript
解析window.open的使用方法总结
2013/06/19 Javascript
利用javascript数组长度循环数组内所有元素
2013/12/27 Javascript
js的touch事件的实际引用
2014/10/13 Javascript
实现placeholder效果的方案汇总
2015/06/11 Javascript
基于jquery实现图片上传本地预览功能
2016/01/08 Javascript
javascript中不易分清的slice,splice和split三个函数
2016/03/29 Javascript
location.hash保存页面状态的技巧
2016/04/28 Javascript
使用grunt合并压缩js和css文件的方法
2017/03/02 Javascript
JavaScript数组迭代方法
2017/03/03 Javascript
JS得到当前时间的方法示例
2017/03/24 Javascript
javascript简单链式调用案例分析
2017/05/10 Javascript
JS实现自定义状态栏动画文字效果示例
2017/10/12 Javascript
vue.js内置组件之keep-alive组件使用
2018/07/10 Javascript
JS 数组随机洗牌的实例代码
2018/09/12 Javascript
vue3.0+vue-router+element-plus初实践
2020/12/02 Vue.js
详解Python如何获取列表(List)的中位数
2016/08/12 Python
浅谈python日志的配置文件路径问题
2018/04/28 Python
Python下使用Scrapy爬取网页内容的实例
2018/05/21 Python
Python利用神经网络解决非线性回归问题实例详解
2019/07/19 Python
python科学计算之scipy——optimize用法
2019/11/25 Python
Python面向对象编程基础实例分析
2020/01/17 Python
BASIC HOUSE官方旗舰店:韩国著名的服装品牌
2018/09/27 全球购物
最畅销的视频游戏享受高达90%的折扣:CDKeys
2020/02/10 全球购物
英智兴达软件测试笔试题
2016/10/12 面试题
如何掌握自荐信格式呢
2013/11/19 职场文书
物流司机岗位职责
2013/12/28 职场文书
勤俭节约倡议书
2014/04/14 职场文书
党员先进事迹材料
2014/12/19 职场文书