css – Angular2获取窗口宽度onResize

前端之家收集整理的这篇文章主要介绍了css – Angular2获取窗口宽度onResize前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
试图找出如何在Angular2中调整大小事件的窗口宽度。这是我的代码
  1. export class SideNav {
  2.  
  3. innerWidth: number;
  4.  
  5. constructor(private window: Window){
  6.  
  7. let getWindow = function(){
  8. return window.innerWidth;
  9. };
  10.  
  11. window.onresize = function() {
  12. this.innerWidth = getWindow();
  13. console.log(getWindow());
  14. };
  15. }

我在bootstrap.ts文件中全局导入窗口提供程序,使用提供来访问我的应用程序到窗口。我遇到的问题是,这给我一个窗口大小,但是在调整窗口大小的情况下 – 即使窗口改变大小,它也会反复重复相同的大小。
请参见console.log的镜像示例:
Screenshot image

我的总体目标是能够将窗口编号设置为一个变量onresize,以便我可以在模板中访问它。关于我在这里做错什么的想法?

谢谢!

解决方法

  1. <div (window:resize)="onResize($event)"

要么

  1. // @HostListener('window:resize',['$event'])
  2. onResize(event) {
  3. event.target.innerWidth;
  4. }

猜你在找的CSS相关文章