[Solved] What will be logged to the console when this Angular component is destroyed?export class LoggerComponent implements OnDestroy { private subscription = observable$.subscribe(); ngOnDestroy() { this.... | Angular

Angular - Lifecycle Hooks

What will be logged to the console when this Angular component is destroyed?

export class LoggerComponent implements OnDestroy {
  private subscription = observable$.subscribe();

  ngOnDestroy() {
    this.subscription.unsubscribe();
    console.log('Cleanup done');
  }
}

A'Cleanup done' will be logged after unsubscribing

BNothing will be logged because unsubscribe() is asynchronous

CAn error will occur because unsubscribe() is missing parentheses

D'Cleanup done' will be logged before unsubscribing

Step-by-Step Solution

Solution:

Step 1: Analyze ngOnDestroy method
The method calls unsubscribe() on the subscription, then logs a message.
Step 2: Understand unsubscribe behavior
Unsubscribing is synchronous and prevents memory leaks.
Step 3: Console output
After unsubscribing, 'Cleanup done' is logged.
Final Answer:
'Cleanup done' will be logged after unsubscribing -> Option A
Quick Check:
Unsubscribe then log [OK]

Quick Trick: Unsubscribe first, then log cleanup message [OK]

Common Mistakes:

Thinking unsubscribe is asynchronous
Forgetting parentheses on unsubscribe()
Logging before unsubscribing

Master "Lifecycle Hooks" in Angular

9 interactive learning modes - each teaches the same concept differently

Learn Why Deep Visual Try Challenge Project Recall Perf

More Angular Quizzes

What will be logged to the console when this Angular component is destroyed?

Step 1: Analyze ngOnDestroy method

Step 2: Understand unsubscribe behavior

Step 3: Console output

Final Answer:

Quick Check:

Want More Practice?