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 相关文章推荐
9个javascript语法高亮插件 推荐
Jul 18 Javascript
基于jQuery的弹出警告对话框美化插件(警告,确认和提示)
Jun 10 Javascript
js简单实现交换Li的值
May 22 Javascript
js通过location.search来获取页面传来的参数
Sep 11 Javascript
一款基jquery超炫的动画导航菜单可响应单击事件
Nov 02 Javascript
jQuery中slice()方法用法实例
Jan 07 Javascript
常用jQuery代码分享
Jul 14 Javascript
详解vue 模版组件的三种用法
Jul 21 Javascript
js自定义trim函数实现删除两端空格功能
Feb 09 Javascript
使用JS判断移动端手机横竖屏状态
Jul 30 Javascript
JavaScript实现随机点名器实例详解
May 07 Javascript
vue实现书本翻页动画效果实例详解
Apr 08 Vue.js
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 向访客和爬虫显示不同的内容
2009/11/09 PHP
采用ThinkPHP中F方法实现快速缓存实例
2014/06/13 PHP
php新浪微博登录接口用法实例
2014/12/23 PHP
laravel实现按月或天或小时统计mysql数据的方法
2019/10/09 PHP
silverlight线程与基于事件驱动javascript引擎(实现轨迹回放功能)
2011/08/09 Javascript
js面向对象编程之如何实现方法重载
2014/07/02 Javascript
JavaScript清空数组元素的两种方法简单比较
2015/07/10 Javascript
一步步教大家编写酷炫的导航栏js+css实现
2016/03/14 Javascript
原生js实现放大镜效果
2017/01/11 Javascript
JavaScript字符串检索字符的方法
2017/06/23 Javascript
JavaScript利用fetch实现异步请求的方法实例
2017/07/26 Javascript
javascript与PHP动态往类中添加方法对比
2018/03/21 Javascript
vue全局组件与局部组件使用方法详解
2018/03/29 Javascript
VUE实现Studio管理后台之鼠标拖放改变窗口大小
2020/03/04 Javascript
angular组件间通讯的实现方法示例
2020/05/07 Javascript
Element Tooltip 文字提示的使用示例
2020/07/26 Javascript
如何基于jQuery实现五角星评分
2020/09/02 jQuery
原生小程序封装跑马灯效果
2020/10/21 Javascript
python学习笔记:字典的使用示例详解
2014/06/13 Python
Python中使用wxPython开发的一个简易笔记本程序实例
2015/02/08 Python
Python实现对excel文件列表值进行统计的方法
2015/07/25 Python
Python中pygame安装方法图文详解
2015/11/11 Python
Python如何判断数独是否合法
2016/09/08 Python
python的scikit-learn将特征转成one-hot特征的方法
2018/07/10 Python
对Python的交互模式和直接运行.py文件的区别详解
2019/06/29 Python
对Python获取屏幕截图的4种方法详解
2019/08/27 Python
Python自动化之UnitTest框架实战记录
2020/09/08 Python
关于h5中的fetch方法解读(小结)
2017/11/15 HTML / CSS
北京鼎普科技股份有限公司软件测试面试题
2012/04/07 面试题
廉洁自律演讲稿
2014/05/22 职场文书
无犯罪记录证明范本
2014/09/15 职场文书
学生检讨书怎么写
2014/10/09 职场文书
2014年体育教学工作总结
2014/12/09 职场文书
学校会议通知范文
2015/04/15 职场文书
2016国庆节活动宣传语
2015/11/25 职场文书
详解Java线程池是如何重复利用空闲线程的
2021/06/26 Java/Android