css – Angular2获取窗口宽度onResize

前端之家收集整理的这篇文章主要介绍了css – Angular2获取窗口宽度onResize前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
试图找出如何在Angular2中调整大小事件的窗口宽度。这是我的代码
export class SideNav {

    innerWidth: number;

    constructor(private window: Window){

        let getWindow = function(){
          return window.innerWidth;
        };

        window.onresize = function() {
          this.innerWidth = getWindow();
          console.log(getWindow());
        };
}

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

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

谢谢!

解决方法

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

要么

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

猜你在找的CSS相关文章