Question

Angular2：我正在使用一个解决方案来处理窗口调整大小事件。但是我没有得到event.target值来获取窗口的宽度。

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

onResize(event) {
  console.log(event);
  console.log(event.target);
}

日志...

{"isTrusted":true}
undefined

如何在窗口上获取宽度：调整大小事件？

Answer 1

这个小例子对我有用：

import { Component } from '@angular/core';

@Component({
    selector: 'my-app',
      template: `
        <h1 (window:resize)="onResize($event)">{{title}}</h1>
        `
    })
    export class AppComponent {
      title = 'Hello window object !';

      onResize(event) {
        console.log(event);
        console.log("width:" + event.target.innerWidth);
        console.log("height:" + event.target.innerHeight);
    }
}

Answer 2

这对我有用。

constructor(ngZone:NgZone) {
    super();
    window.onresize = (e) =>
       {
           ngZone.run(() => {
                this.callMethod(window.innerWidth);
           });
       };

}

Answer 3

我认为您在调用window resize事件时不需要任何目标值。您也可以获得如下窗口尺寸：

致电活动：

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

<强>事件：

onResize(event) {
   console.log(window.innerWidth);
   console.log(window.innerHeight);
}

Angular2窗口调整大小事件没有目标值

3 个答案: