[Solved] Given this reactive form code snippet, what will be the output when console.log(this.form.value) is called after initialization?this.form = new FormGroup({ email: new FormControl(''), password:... | Angular

Angular - Reactive Forms

Given this reactive form code snippet, what will be the output when console.log(this.form.value) is called after initialization?

this.form = new FormGroup({
  email: new FormControl(''),
  password: new FormControl('1234')
});

A{ email: '', password: '1234' }

B{ email: null, password: null }

C{ email: undefined, password: '1234' }

DError: form not initialized

Step-by-Step Solution

Solution:

Step 1: Check initial values of form controls
The email control is initialized with an empty string '', and password with '1234'.
Step 2: Understand form.value output
Calling form.value returns an object with current values of each control.
Final Answer:
{ email: '', password: '1234' } -> Option A
Quick Check:
form.value = current control values [OK]

Quick Trick: form.value shows current control values as object [OK]

Common Mistakes:

MISTAKES

Master "Reactive Forms" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Given this reactive form code snippet, what will be the output when console.log(this.form.value) is called after initialization?