[Solved] What is the main purpose of the ngOnDestroy lifecycle hook in Angular? — Ans: To run cleanup code when a component or directive is removed | Angular

Angular - Lifecycle Hooks

What is the main purpose of the ngOnDestroy lifecycle hook in Angular?

ATo handle user input events

BTo initialize component data when it is created

CTo run cleanup code when a component or directive is removed

DTo render the component template

Step-by-Step Solution

Solution:

Step 1: Understand the role of ngOnDestroy
The ngOnDestroy hook is called when Angular removes a component or directive from the view.
Step 2: Identify its main use
It is used to clean up resources like timers, subscriptions, or event listeners to avoid memory leaks.
Final Answer:
To run cleanup code when a component or directive is removed -> Option C
Quick Check:
ngOnDestroy = cleanup [OK]

Quick Trick: Remember: ngOnDestroy cleans up before component removal [OK]

Common Mistakes:

Master "Lifecycle Hooks" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

What is the main purpose of the ngOnDestroy lifecycle hook in Angular?