home wiki.fukuchiharuki.me
Menu

キーワード

  • Angular2
  • window.resize
  • HostListener

したいこと

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

どうやって

デコレータHostListenerで拾う。

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

...

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

ノート

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

参考