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 类与静态类的实现
Apr 01 Javascript
ASP.NET jQuery 实例13 原创jQuery文本框字符限制插件-TextArea Counter
Feb 03 Javascript
限制textbox或textarea输入字符长度的JS代码
Oct 16 Javascript
js 判断文件类型并控制表单提交示例代码
Nov 14 Javascript
JavaScript中的prototype.bind()方法介绍
Apr 04 Javascript
JS快速实现移动端拼图游戏
Sep 05 Javascript
利用策略模式与装饰模式扩展JavaScript表单验证功能
Feb 14 Javascript
jquery.uploadifive插件怎么解决上传限制图片或文件大小问题
May 08 jQuery
浅谈MUI框架中加载外部网页或服务器数据的方法
Jan 31 Javascript
vue.js通过路由实现经典的三栏布局实例代码
Jul 08 Javascript
使用uni-app开发微信小程序的实现
Dec 13 Javascript
详解vite+ts快速搭建vue3项目以及介绍相关特性
Feb 25 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/06/29 PHP
浅析php中常量,变量的作用域和生存周期
2013/08/10 PHP
浅谈PDO的rowCount函数
2015/06/18 PHP
PHP7内核之Reference详解
2019/03/14 PHP
用js实现的仿sohu博客更换页面风格(简单版)
2007/03/22 Javascript
使用jquery实现简单的ajax
2013/07/08 Javascript
jQuery实用函数用法总结
2014/08/29 Javascript
AngularJS入门教程之Scope(作用域)
2016/07/27 Javascript
javascript 中的console.log和弹出窗口alert
2016/08/30 Javascript
AngularJS表单提交实例详解
2017/02/18 Javascript
vue拦截器Vue.http.interceptors.push使用详解
2017/04/22 Javascript
jQuery简单实现向列表动态添加新元素的方法示例
2017/12/25 jQuery
微信小程序视图控件与bindtap之间的问题的解决
2019/04/08 Javascript
webpack4手动搭建Vue开发环境实现todoList项目的方法
2019/05/16 Javascript
NodeJS 文件夹拷贝以及删除功能
2019/09/03 NodeJs
JavaScript实现雪花飘落效果
2020/12/27 Javascript
[02:47]DOTA2英雄基础教程 野性怒吼兽王
2013/12/05 DOTA
Python 正则表达式入门(中级篇)
2016/12/07 Python
教你用 Python 实现微信跳一跳(Mac+iOS版)
2018/01/04 Python
详解Python3网络爬虫(二):利用urllib.urlopen向有道翻译发送数据获得翻译结果
2019/05/07 Python
python正则表达式匹配IP代码实例
2019/12/28 Python
使用OpenCV校准鱼眼镜头的方法
2020/11/26 Python
python3中确保枚举值代码分析
2020/12/02 Python
Html5移动端div固定到底部实现底部导航条的几种方式
2021/03/09 HTML / CSS
德国童装购物网站:NICKI´S.com
2018/04/20 全球购物
香港万宁官方海外旗舰店:香港健与美连锁店
2018/09/27 全球购物
电气自动化自荐信
2013/10/10 职场文书
QA工程师岗位职责
2013/11/20 职场文书
公司活动方案范文
2014/03/06 职场文书
计算机实训报告范文
2014/11/05 职场文书
春秋淹城导游词
2015/02/11 职场文书
旷工辞退通知书
2015/04/17 职场文书
社会实践心得体会范文
2016/01/14 职场文书
幼儿园教学反思范文
2016/03/02 职场文书
Spring Boot 启动、停止、重启、状态脚本
2021/06/26 Java/Android
分享python函数常见关键字
2022/04/26 Python