タグ

HostListenerに関するokyawaのブックマーク (1)

  • windowやdocumentのイベントをAngularで使う。(HostListener)

    facebook オフィス狛 技術部のKoma(Twitterアカウントの中の人&CEO)です。 Angularは、自コンポーネント内の項目についてのイベントは簡単に定義出来ます。 [View側] <button class="button_close" type="button" (click)="close()">閉じる</button> [Component側] close() { // ここに処理を記載 } しかし、自コンポーネント以外のイベントを取るとなると、ちょっと工夫が要ります。 例えば、下記のような要素があったとします。 「Company」リンクをクリックすれば、吹き出しが出るのは簡単に実装出来ますが、 『吹き出し以外をクリックしたら、吹き出しを閉じる』はどうやって実装したら良いでしょうか? こんな時に、「HostListener」を使用します。 その名の通り、Hostのイ

    windowやdocumentのイベントをAngularで使う。(HostListener)
  • 1