Angular Life Cycle Hooks - ngOnChange() vs ngDoCheck()

#angular #angularhooks #angularlifecyclehooks #ngOnChange #
In Angular, every component has a life-cycle, a number of different stages it goes through. There are 8 different stages in the component lifecycle. Every stage is called a lifecycle hook event. After executing the constructor, Angular executes its lifecycle hook methods in a specific order.

angular,angular lifecycle,angular lifecycle hooks,angular hooks,ngOnChanges,ngOnInit,ngDoCheck,ngAfterContentInit,ngAfterContentChecked,ngAfterViewInit,ngAfterViewChecked,ngOnDestroy,learn angular

l╔════════════════════════════╗
║ lifecycle hooks ║
╠════════════════════════════╣
║ ngOnChanges() ║
╠════════════════════════════╣
║ ngOnInit() ║
╠════════════════════════════╣
║ ngDoCheck() ║
╠════════════════════════════╣
║ ngAfterContentInit() ║
╠════════════════════════════╣
║ ngAfterContentChecked() ║
╠════════════════════════════╣
║ ngAfterViewInit() ║
╠════════════════════════════╣
║ ngAfterViewChecked() ║
╠════════════════════════════╣
║ ngOnDestroy() ║
╚════════════════════════════╝

ngOnChanges(changes: SimpleChanges){
//changes comes with current value and previous value.

}

ngOnInit(){
}

ngDoCheck(){

}

ngAfterContentInit(){
}

ngAfterContentChecked(){
}

ngAfterViewInit(){
}

ngAfterViewChecked(){
}

ngOnDestroy(){

}