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 相关文章推荐
Javascript里使用Dom操作Xml
Sep 20 Javascript
学习YUI.Ext第五日--做拖放Darg&Drop
Mar 10 Javascript
解决html按钮切换绑定不同函数后点击时执行多次函数问题
May 14 Javascript
使用jquery 简单实现下拉菜单
Jan 14 Javascript
整理Javascript基础入门学习笔记
Nov 29 Javascript
JavaScript构造函数详解
Dec 27 Javascript
整理JavaScript对DOM中各种类型的元素的常用操作
May 05 Javascript
快速实现jQuery多级菜单效果
Feb 01 Javascript
JavaScript仿微信打飞机游戏
Jul 05 Javascript
微信小程序实现YDUI的ScrollTab组件
Feb 02 Javascript
解决Layui数据表格的宽高问题
Sep 28 Javascript
Vue中 axios delete请求参数操作
Aug 25 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自动识别文件编码并转换为UTF-8的方法
2014/06/12 PHP
laravel清除视图缓存的代码
2019/10/23 PHP
28个JS验证函数收集
2010/03/02 Javascript
原生Js与jquery的多组处理, 仅展开一个区块的折叠效果
2011/01/09 Javascript
jquery获取元素值的方法(常见的表单元素)
2013/11/15 Javascript
jquery将一个表单序列化为一个对象的方法
2014/01/03 Javascript
js中的cookie的读写操作示例详解
2014/04/17 Javascript
10个很棒的jQuery代码片段
2015/09/24 Javascript
js实现超酷的照片墙展示效果图附源码下载
2015/10/08 Javascript
jquery 实现滚动条下拉时无限加载的简单实例
2016/06/01 Javascript
特殊日期提示功能的实现方法
2016/06/16 Javascript
微信小程序  wx.request合法域名配置详解
2016/11/23 Javascript
bootstrap weebox 支持ajax的模态弹出框
2017/02/23 Javascript
js实现移动端轮播图效果
2020/12/09 Javascript
Vuejs实现购物车功能
2017/11/05 Javascript
JS原生带缩略图的图片切换效果
2018/10/10 Javascript
JS实现的字符串数组去重功能小结
2019/06/17 Javascript
jQuery 选择器用法基础入门示例
2020/01/04 jQuery
nuxt 自定义 auth 中间件实现令牌的持久化操作
2020/11/05 Javascript
[40:31]Secret vs Alliacne 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
python数组复制拷贝的实现方法
2015/06/09 Python
python函数局部变量用法实例分析
2015/08/04 Python
Python实现的异步代理爬虫及代理池
2017/03/17 Python
python导入模块交叉引用的方法
2019/01/19 Python
python中利用matplotlib读取灰度图的例子
2019/12/07 Python
python爬虫模拟浏览器访问-User-Agent过程解析
2019/12/28 Python
tensorflow中tf.slice和tf.gather切片函数的使用
2020/01/19 Python
5行Python代码实现图像分割的步骤详解
2020/05/25 Python
pytorch中index_select()的用法详解
2021/01/06 Python
浅析HTML5 Landmark
2020/09/11 HTML / CSS
土耳其家居建材网站:Koçtaş
2016/11/22 全球购物
吉列剃须刀美国官网:Gillette美国
2018/07/13 全球购物
文员岗位职责
2013/11/09 职场文书
区域销售经理岗位职责
2013/12/10 职场文书
校园文明倡议书
2014/05/16 职场文书