Angular2+ Life Cycle Hooks with Details Understanding and example

 

Hey Guys, in this blog we are going to learn about Life Cycle of Angular 2+.

Let's get started...

There is total 8 life-cycle hooks Angular 2+ have

1) ngOnChanges: 

  - It's called after a bounded input property changes

2) ngOnInit:

- This hook is going to call when an angular component is going to be initialized.

- this hook  called only once 

3) ngDoCheck: 

 - This Hook is called during every changed detection in component.

 

 4) ngAfterContentInit : 

- This hook is called after content ( ng-content ) has been projected into the view.

5) ngAfterContentChecked:

 - This hook is called every time when the projected content has been checked.

6) ngAfterViewInit: 

 - This hook is called after the component's view or ( child View ) has been initialize.

7) ngAfterViewChecked: 

- This hook is called every time when the view or (Child View ) has been checked.

 

8) ngOnDestroy: 

 - This hook is called when the component is about to be destroyed.
- It's called only once time

If you guys have any query then you can drop a mail to us on this mail id:

 

techoswag@gmail.com