長男せーたのブログ

いろいろ解説。広く浅く。ウェブエンジニア。

【ngOnChanges】子に渡したプロパティが変わったことを検知する

コンポーネント

 

export class AppComponent {
  public data = 1;
  onClick()
  {
    this.data ++;
  }
}


コンポーネント

export class ChildComponent implements OnInit, OnChanges {
  @Input() parentProperty;
  constructor() { } 
  ngOnInit() {
  }
  ngOnChanges() {
    console.log('changes');
  }
}

上記コード実装でclickするたび、changesが表示されます。