[Solved] This Angular code tries to implement the Observer pattern but has a bug:import { Injectable } from '@angular/core'; import { Subject } from 'rxjs';... } }What is the bug and how to fix it? | Angular

Angular - Advanced Patterns

This Angular code tries to implement the Observer pattern but has a bug:

import { Injectable } from '@angular/core';
import { Subject } from 'rxjs';

@Injectable({ providedIn: 'root' })
export class LoggerService {
  private logSubject = new Subject();
  log$ = this.logSubject.asObservable();

  logMessage(message: string) {
    this.logSubject.next;
  }
}

What is the bug and how to fix it?

AThe method calls <code>next</code> without parentheses; fix by adding <code>()</code>.

BThe Subject should be public, not private.

CThe service should not use Subject but BehaviorSubject.

DThe @Injectable decorator is missing a providedIn property.

Step-by-Step Solution

Solution:

Step 1: Identify the incorrect method call
The code uses this.logSubject.next; which does not call the function.
Step 2: Correct the method call syntax
It should be this.logSubject.next(message); with parentheses and argument.
Final Answer:
The method calls next without parentheses; fix by adding (). -> Option A
Quick Check:
Method call needs parentheses [OK]

Quick Trick: Method calls need () to execute [OK]

Common Mistakes:

Ignoring missing parentheses on method calls
Changing Subject visibility unnecessarily
Replacing Subject with BehaviorSubject without reason

Master "Advanced Patterns" in Angular

9 interactive learning modes - each teaches the same concept differently

Learn Why Deep Visual Try Challenge Project Recall Perf

More Angular Quizzes

This Angular code tries to implement the Observer pattern but has a bug:

Step 1: Identify the incorrect method call

Step 2: Correct the method call syntax

Final Answer:

Quick Check:

Want More Practice?