Rangle.io : Angular Training
Search…
Introduction
License
Why Angular?
The Architect's Guide to Angular
EcmaScript 6 and TypeScript Features
The JavaScript Toolchain
Bootstrapping an Angular Application
Components in Angular
Directives
Advanced Components
Component Lifecycle
Accessing Other Components
View Encapsulation
ElementRef
Observables
Angular Dependency Injection
Http
Change Detection
Zone.js
Advanced Angular
What is Immutability
Pipes
Forms
Modules
Routing
State Management
TDD Testing
Migrating AngularJS Projects to Angular
Project Setup
Angular CLI
Accessibility in Angular
Internationalization in Angular
Glossary
Further Reading And Reference
Powered By GitBook
Component Lifecycle
A component has a lifecycle managed by Angular itself. Angular manages creation, rendering, data-bound properties etc. It also offers hooks that allow us to respond to key lifecycle events.
Here is the complete lifecycle hook interface inventory:
  • ngOnChanges - called when an input binding value changes
  • ngOnInit - after the first ngOnChanges
  • ngDoCheck - after every run of change detection
  • ngAfterContentInit - after component content initialized
  • ngAfterContentChecked - after every check of component content
  • ngAfterViewInit - after component's view(s) are initialized
  • ngAfterViewChecked - after every check of a component's view(s)
  • ngOnDestroy - just before the component is destroyed
📄 from View Lifecycle Hooks in Action​
Previous
Advanced Components
Next
Accessing Other Components
Last modified 6mo ago
Copy link