Angular Lifecycle Hooks

Short summary

Angular lifecycle hooks let you tap into component creation, change detection, and destruction at specific moments. Key hooks include ngOnInit for initialization, ngOnChanges for input reactions, ngAfterViewInit for DOM access, and ngOnDestroy for cleanup. Modern DestroyRef in Angular 16+ lets you colocate cleanup logic next to setup.

• •ngOnInit runs after inputs are set; use it for initialization logic
• •ngOnChanges fires when @Input values change; useful for reactive updates
• •ngOnDestroy and DestroyRef handle cleanup to prevent memory leaks
• •DestroyRef (Angular 16+) keeps cleanup code next to setup for better maintainability

Generated with AI, which can make mistakes.