[Solved] Given this code snippet:const nameControl = new FormControl('Alice'); nameControl.setValue('Bob'); console.log(nameControl.value);What will be logged to the console? | Angular

Angular - Reactive Forms

Given this code snippet:

const nameControl = new FormControl('Alice');
nameControl.setValue('Bob');
console.log(nameControl.value);

What will be logged to the console?

Aundefined

B'Alice'

C'Bob'

DError: setValue is not a function

Step-by-Step Solution

Solution:

Step 1: Understand initial value assignment
The FormControl is created with initial value 'Alice'.
Step 2: Apply setValue method
The setValue('Bob') updates the control's value to 'Bob'.
Step 3: Check logged value
Logging nameControl.value outputs the updated value 'Bob'.
Final Answer:
'Bob' -> Option C
Quick Check:
setValue changes value immediately [OK]

Quick Trick: setValue updates FormControl value instantly [OK]

Common Mistakes:

MISTAKES

Master "Reactive Forms" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Given this code snippet: