Cykl życia komponentu

Cykl życia komponentu jest związany z zarządzaniem nim przez Angular: tworzeniem, renderowaniem, wiązaniem z danymi itp. Angular oferuje handlery ("hooki"), które pozwalają nam reagować na kluczowe zdarzenia cyklu życia.

Oto pełny spis wydarzeń cyklu życia:

  • ngOnChanges - wywoływane, gdy zmienia się wartość powiązanego wejścia
  • ngOnInit - po pierwszym ngOnChanges
  • ngDoCheck - po wykryciu każdej zmiany
  • ngAfterContentInit - po zainicjowaniu zawartości komponentu
  • ngAfterContentChecked - po każdym sprawdzeniu zawartości komponentu
  • ngAfterViewInit - po zainicjowaniu widoków komponentu
  • ngAfterViewChecked - po każdym sprawdzeniu widoku (ów) komponentu
  • ngOnDestroy - tuż przed zniszczeniem komponentu

📄 z Component Lifecycle (https://angular.io/docs/ts/latest/guide/lifecycle-hooks.html\

Zobacz przykład [009]

Uwaga! W tym przykładzie zastosowano dyrektywę ngFor - odpowiednik pętli for, która będzie objaśniona w następnym rozdziale.