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实现DIV滚动自动滚动到底部的代码
Mar 01 Javascript
原生javascript实现的一个简单动画效果
Mar 30 Javascript
第十篇BootStrap轮播插件使用详解
Jun 21 Javascript
Element-ui table中过滤条件变更表格内容的方法
Mar 02 Javascript
Angular4 反向代理Details实践
May 30 Javascript
微信小程序实现跑马灯效果
Oct 21 Javascript
JS使用H5实现图片预览功能
Sep 30 Javascript
nuxt配置通过指定IP和端口访问的实现
Jan 08 Javascript
Vue表单控件数据绑定方法详解
Feb 05 Javascript
angular组件间传值测试的方法详解
May 07 Javascript
JavaScript前端开发时数值运算的小技巧
Jul 28 Javascript
解决Antd Table表头加Icon和气泡提示的坑
Nov 17 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系列学习之日期函数使用介绍
2012/08/18 PHP
分享一下贝贝成长进度的php代码
2012/09/14 PHP
Yii实现MySQL多数据库和读写分离实例分析
2014/12/03 PHP
PDO防注入原理分析以及注意事项
2015/02/25 PHP
Laravel等框架模型关联的可用性浅析
2019/12/15 PHP
javascript用户注册提示效果的简单实例
2013/08/17 Javascript
使用js操作cookie的一点小收获分享
2013/09/03 Javascript
Jquery中request和request.form和request.querystring的区别
2015/11/26 Javascript
JS实现支持Ajax验证的表单插件
2016/03/24 Javascript
Bootstrap教程JS插件滚动监听学习笔记分享
2016/05/18 Javascript
微信小程序 视图层(xx.xml)和逻辑层(xx.js)详细介绍
2016/10/13 Javascript
node.js学习之base64编码解码
2016/10/21 Javascript
详解AngularJS通过ocLazyLoad实现动态(懒)加载模块和依赖
2017/03/01 Javascript
javascript实现QQ空间相册展示源码
2017/12/12 Javascript
浅谈微信小程序之官方UI框架we-ui使用教程
2018/08/20 Javascript
浅谈webpack devtool里的7种SourceMap模式
2019/01/14 Javascript
layui 表格操作列按钮动态显示的实现方法
2019/09/06 Javascript
基于vue实现图片验证码倒计时60s功能
2019/12/10 Javascript
[49:08]OpTic vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python中正则表达式的用法实例汇总
2014/08/18 Python
python实现统计代码行数的方法
2015/05/22 Python
Python中实现switch功能实例解析
2018/01/11 Python
详解python多线程、锁、event事件机制的简单使用
2018/04/27 Python
Python迭代器与生成器基本用法分析
2018/07/26 Python
python实现扫描ip地址的小程序
2019/04/16 Python
把vgg-face.mat权重迁移到pytorch模型示例
2019/12/27 Python
对Pytorch中Tensor的各种池化操作解析
2020/01/03 Python
TensorFlow通过文件名/文件夹名获取标签,并加入队列的实现
2020/02/17 Python
使用卷积神经网络(CNN)做人脸识别的示例代码
2020/03/27 Python
python中wx模块的具体使用方法
2020/05/15 Python
HTML5 Canvas 绘图——使用 Canvas 绘制图形图文教程 使用html5 canvas 绘制精美的图
2015/08/31 HTML / CSS
个人求职信范文分享
2014/01/06 职场文书
《广玉兰》教学反思
2014/04/14 职场文书
博士生导师推荐信
2014/07/08 职场文书
公司捐书倡议书
2015/04/27 职场文书
python实现进度条的多种实现
2021/04/29 Python