Angular @OnChanges

agnusdei1207 2023. 4. 5. 15:52

SMALL

@Component({selector: 'my-cmp', template: `...`})
class MyComponent implements OnChanges {
  @Input() prop: number = 0;

  ngOnChanges(changes: SimpleChanges) {
    // changes.prop ...
  }
}

1. @OnChages : 최소 1개의 프로퍼티가 변경된 경우, 기본 변경 감지기가 데이터 바인딩된 속성을 확인한 직후와 view 및 콘텐츠 자식이 확인되기 전에 호출되는 콜백 메서드입니다.

2. LifeCyle : constructor - OnChages - OnInit ... 순입니다.

LIST