Angular2页面大小变化
程序员文章站
2022-03-17 12:17:08
...
一、现象
全屏页面中的图表,在很多的时候需要 resize 一把,以适应页面的大小变化,本文主要介绍了Angular2监听页面大小变化的解决方法,需要的朋友可以参考下,希望能帮助到大家。
二、解决
1、引入 :
import { Observable } from 'rxjs';
2、使用(在ngOnInit方法中):
ngOnInit() { // 页面监听 Observable.fromEvent(window, 'resize') .debounceTime(100) // 以免频繁处理 .subscribe((event) => { // 这里处理页面变化时的操作 console.log('come on ..'); }); }
三、总结
研究有没有更多的方法可以在切换时,注销这些监听?以免出现内存泄漏。尽可能在ngOnDestroy() 方法中。
相关推荐:
以上就是Angular2页面大小变化的详细内容,更多请关注其它相关文章!
上一篇: 详解微信小程序视图容器组件的实例代码
下一篇: html5怎样操作indexedDB