[Solved] What will be the output of this code?const name = signal('Alice'); const greeting = computed(() => `Hello, ${name()}`); name.set('Bob'); console.log(greeting()); | Angular

Angular - State Management

What will be the output of this code?

const name = signal('Alice');
const greeting = computed(() => `Hello, ${name()}`);
name.set('Bob');
console.log(greeting());

AHello, Alice

BError: greeting is not a function

CHello, Bob

DHello, undefined

Step-by-Step Solution

Solution:

Step 1: Understand computed signals
greeting depends on name() and updates when name changes.
Step 2: Track value changes
After name.set('Bob'), greeting() returns 'Hello, Bob'.
Final Answer:
Hello, Bob -> Option C
Quick Check:
Computed updates with dependencies = D [OK]

Quick Trick: Computed signals auto-update when dependencies change [OK]

Common Mistakes:

Master "State Management" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

What will be the output of this code?