欢迎来到代码驿站!

AngularJS

当前位置:首页 > 网页前端 > AngularJS

Angular2监听页面大小变化的解决方法

时间:2021-03-09 10:10:05|栏目:AngularJS|点击:

一、现象

全屏页面中的图表,在很多的时候需要 resize 一把,以适应页面的大小变化

二、解决

1、引入 :

import { Observable } from 'rxjs';

2、使用(在ngOnInit方法中):

ngOnInit() {
  // 页面监听
  Observable.fromEvent(window, 'resize')
   .debounceTime(100) // 以免频繁处理
   .subscribe((event) => {
    // 这里处理页面变化时的操作
    console.log('come on ..');
   });
}

三、总结

研究有没有更多的方法可以在切换时,注销这些监听?以免出现内存泄漏。尽可能在ngOnDestroy() 方法中。

上一篇:AngularJS应用开发思维之依赖注入3

栏    目:AngularJS

下一篇:AngularJS中的表单简单入门

本文标题:Angular2监听页面大小变化的解决方法

本文地址:http://www.codeinn.net/misctech/77552.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有