Angular13 開発メモ

windowイベントを追加したい

hoge.component.ts

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

export class HogeComponent implements OnInit {
  @HostListener("window:scroll",["$event"])
  onWindowScroll(event) {
  }
}

DOMを取得したい

hoge.component.html

<nav #nav></nav>

hoge.component.ts

import {
  ElementRef, ViewChild, AfterViewInit
} from '@angular/core';

export class HogeComponent implements OnInit {
  @ViewChild('nav') nav?: ElementRef;
}

  ngAfterViewInit() {
    //DOMに初期値を設定したい場合はここに記述する
    //this.nav?...
  }