Angular2ウィンドウのサイズ変更イベントに目標値がありません

Question

Angular2：私はウィンドウサイズ変更イベントを処理するソリューションを使用しています。しかし、私はイベントの値を取得していない。ターゲット値はウィンドウの幅を取得する。

(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)="onResize($event)"  

イベント：

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