キーワード

• Angular2
• window.resize
• HostListener

したいこと

Angular2でブラウザをリサイズしたときに処理をしたい。Google Chartsの大きさを調整するのに必要だった。

どうやって

デコレータHostListenerで拾う。

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

...

  @HostListener('window:resize', ['$event'])
  onResize(event) {
  }

ノート

ディレクティブを利用する方法もあるけど、デコレータの方が楽だしキレイだと思う。

参考

• javascript - Angular2 window resize event - Stack Overflow
• Angular2でWindowイベントを設定する | Yuhiisk