[Solved] Identify the issue in this Angular signal code:const counter = signal(0); counter.set(counter + 1); console.log(counter()); | Angular

Angular - State Management

Identify the issue in this Angular signal code:

const counter = signal(0);
counter.set(counter + 1);
console.log(counter());

ASignals cannot hold numeric values

Bsignal cannot be updated using set()

Ccounter() should not be called inside set()

Dcounter + 1 is invalid; should call counter() to get value

Step-by-Step Solution

Solution:

Step 1: Understand signal value access
Signals are functions; to get their value, call them as counter().
Step 2: Analyze the set() argument
counter + 1 tries to add 1 to the signal function itself, which is invalid.
Step 3: Correct usage
Use counter.set(counter() + 1) to increment the value.
Final Answer:
counter + 1 is invalid; should call counter() to get value -> Option D
Quick Check:
Always call signal() to get current value before updating [OK]

Quick Trick: Call signal() to get value before updating with set() [OK]

Common Mistakes:

Master "State Management" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Identify the issue in this Angular signal code: