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 相关文章推荐
js检测客户端不是firefox则提示下载
Apr 07 Javascript
深入聊聊Array的sort方法的使用技巧.详细点评protype.js中的sortBy方法
Apr 12 Javascript
Div自动滚动到末尾的代码
Oct 26 Javascript
解析js如何获取当前url中的参数值并复制给input
Jun 23 Javascript
Node.js中AES加密和其它语言不一致问题解决办法
Mar 10 Javascript
javascript中的__defineGetter__和__defineSetter__介绍
Aug 15 Javascript
JavaScript中数组继承的简单示例
Jul 29 Javascript
使用vue实现点击按钮滑出面板的实现代码
Jan 10 Javascript
vue 实现类似淘宝星级评分的示例
Mar 01 Javascript
实例详解Vue项目使用eslint + prettier规范代码风格
Aug 20 Javascript
layui监听select变化,以及设置radio选中的方法
Sep 24 Javascript
Node.js API详解之 string_decoder用法实例分析
Apr 29 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 正确解码javascript中通过escape编码后的字符
2010/01/28 PHP
php在文件指定行中写入代码的方法
2012/05/23 PHP
Laravel 5 框架入门(一)
2015/04/09 PHP
php版微信支付api.mch.weixin.qq.com域名解析慢原因与解决方法
2016/10/12 PHP
JavaScipt基本教程之JavaScript语言的基础
2008/01/16 Javascript
js调试工具 Javascript Debug Toolkit 2.0.0版本发布
2008/12/02 Javascript
jquery 回车事件实现代码
2011/08/23 Javascript
用JavaScript计算在UTF-8下存储字符串占用字节数
2013/08/08 Javascript
JavaScript通过使用onerror设置默认图像显示代替alt
2016/03/01 Javascript
js 点击a标签 获取a的自定义属性方法
2016/11/21 Javascript
js实现悬浮窗效果(支持拖动)
2017/03/09 Javascript
从零开始学习Node.js系列教程二:文本提交与显示方法
2017/04/13 Javascript
原生JS实现多个小球碰撞反弹效果示例
2018/01/31 Javascript
浅谈js获取ModelAndView值的问题
2018/03/28 Javascript
JS同步、异步、延迟加载的方法
2018/05/05 Javascript
判断文字超过2行添加展开按钮,未超过则不显示,溢出部分显示省略号
2019/04/28 Javascript
基于JS开发微信网页录音功能的实例代码
2019/04/30 Javascript
产制造追溯系统之通过微信小程序实现移动端报表平台
2019/06/03 Javascript
vue 中url 链接左边的小图标更改问题
2019/12/30 Javascript
vue+element使用动态加载路由方式实现三级菜单页面显示的操作
2020/08/04 Javascript
Vue SPA 首屏优化方案
2021/02/26 Vue.js
使用python编写简单的小程序编译成exe跑在win10上
2018/01/15 Python
Python3.x爬虫下载网页图片的实例讲解
2018/05/22 Python
Python3中列表list合并的四种方法
2019/04/19 Python
pandas条件组合筛选和按范围筛选的示例代码
2019/08/26 Python
Manjaro、pip、conda更换国内源的方法
2020/11/17 Python
HTML5给汉字加拼音收起展开组件的实现代码
2020/04/08 HTML / CSS
请说出几个常用的异常类
2013/01/08 面试题
Java面试笔试题大全
2016/11/23 面试题
环境工程与管理大学毕业生求职信
2013/10/02 职场文书
四风问题自我剖析材料
2014/10/07 职场文书
工作调动申请报告
2015/05/18 职场文书
2015年秋季运动会前导词
2015/07/20 职场文书
python基于tkinter实现gif录屏功能
2021/05/19 Python
Python 视频画质增强
2022/04/28 Python
vue实现简易音乐播放器
2022/08/14 Vue.js