angular lifecycle hooks #angular

Angular Lifecycle Hooks.md

In Order

1. constructor()
2. ngOnChanges(changes: SimpleChanges) - It is called every time the data changes.
3. ngOnInit() - it is called only once when the component is loaded into the DOM
4. ngDoCheck() - whenever theere is a change detection
5. ngAfterContentInit() - is called once external content is projected into component’s view and right after the first ngDoCheck() and occurs only once.
6. ngAfterContentChecked() - called once after ngAfterContentInit() and everytime after ngDoCheck()
7. ngAfterViewInit() - is called once after the component’s view/ child views are loaded and right after ngAfterContentChecked() and occurs only once.
8. ngAfterViewChecked() - called once after ngAfterViewInit() and everytime after ngDoCheck()
9. ngOnDestroy() - is called right before the component gets destroyed and occurs only once.