[Solved] Identify the issue in this Angular component's unsubscription code:export class TestComponent implements OnDestroy { private subscription = this.service.getData().subscribe(); | Angular

Angular - RxJS and Observables Fundamentals

Identify the issue in this Angular component's unsubscription code:

export class TestComponent implements OnDestroy {
  private subscription = this.service.getData().subscribe();

  ngOnDestroy() {
    this.subscription.unsubscribe;
  }
}

AThe unsubscribe method is referenced but not called, so unsubscription does not occur

BThe subscription variable is not declared properly

CngOnDestroy is not the correct lifecycle hook for unsubscription

DThe subscription should be assigned inside ngOnDestroy

Step-by-Step Solution

Solution:

Step 1: Check unsubscribe syntax
Unsubscribe is a method and must be invoked with parentheses.
Step 2: Analyze given code
Code uses this.subscription.unsubscribe; without parentheses, so method is not called.
Step 3: Effect of missing parentheses
Subscription remains active, causing potential memory leaks.
Final Answer:
The unsubscribe method is referenced but not called, so unsubscription does not occur -> Option A
Quick Check:
Always call unsubscribe() as a function [OK]

Quick Trick: Call unsubscribe() with parentheses [OK]

Common Mistakes:

MISTAKES

Forgetting parentheses when calling unsubscribe
Unsubscribing outside ngOnDestroy

Master "RxJS and Observables Fundamentals" in Angular

9 interactive learning modes - each teaches the same concept differently

Learn Why Deep Visual Try Challenge Project Recall Perf

More Angular Quizzes

Identify the issue in this Angular component's unsubscription code:

Step 1: Check unsubscribe syntax

Step 2: Analyze given code

Step 3: Effect of missing parentheses

Final Answer:

Quick Check:

Want More Practice?