Anguler Component(4) - Component Life Cycle

Component Lift Cycle

• constructor
  
  • Component 혹은 Directive가 생성 될 때 호출
  • 쉽게 말해 무조건 1빠로 호출
• ngOnChanges - DoCheck
  • 최초 초기화 때 호출
  • Input 프로퍼티가 변경될때 호출
    • input이 없으면 실행이 안됨
• ngOnInit
  • 모든 바인딩 속성을 초기화 한 후 딱 한번 호출( 컴퍼넌트의 초기화가 끝났을 때)
  • 즉 생성자는 Service의 Injection 같은 사항을 처리하고 속성에 대한 초기화는 ngOnImit에서 처리하는게 좋음
• ngAfterContentlnit
  • ngContent 사용 시 자식이 초기회 된 직후 호출
• ngAfterContentChecked
  • ngContent를 통해 HTML을 받을때 호출
    • 최소/ 변경 시
• ngAfterViewlnit
  • 템플릿이 모두 초기화 되었을 때 호출
• ngAfterViewChecked
  • 템플릿에 바인딩 된 값이 변경 되었을 때 호출
• ngOnDestroy
  • 컴퍼넌트가 사라질 때 호출

 

---

부록

유의사항

• 생성 순서는 자식부터 호출 된다
  • 자식 -> 부모 -> 할아버지 이런 순으로 하위 컴퍼넌트 먼저 생성된다