[Solved] You have a signal holding an array of tasks:const tasks = signal(['task1', 'task2']);Which code correctly adds 'task3' to the tasks signal reactively? | Angular

Angular - State Management

You have a signal holding an array of tasks:

const tasks = signal(['task1', 'task2']);

Which code correctly adds 'task3' to the tasks signal reactively?

Atasks.set([...tasks(), 'task3']);

Btasks.set(tasks.push('task3'));

Ctasks.update(tasks + 'task3');

Dtasks = [...tasks, 'task3'];

Step-by-Step Solution

Solution:

Step 1: Understand signal value access
Access the current array with tasks().
Step 2: Create new array with added task
Use spread operator to create a new array including 'task3'.
Step 3: Update the signal
Use tasks.set() with the new array to update reactively.
Final Answer:
tasks.set([...tasks(), 'task3']); -> Option A
Quick Check:
Update signals immutably by setting new values [OK]

Quick Trick: Use set() with new array copy to update signals [OK]

Common Mistakes:

Master "State Management" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

You have a signal holding an array of tasks: