[Solved] Given this Angular form setup:this.profileForm = new FormGroup({ firstName: new FormControl(''), lastName: new FormControl('')});console.log(this.profileForm.... | Angular

Angular - Template-Driven Forms

Given this Angular form setup:

this.profileForm = new FormGroup({
  firstName: new FormControl(''),
  lastName: new FormControl('')
});
console.log(this.profileForm.value);

What will be logged to the console right after this code runs?

A{ firstName: null, lastName: null }

Bundefined

Cnull

D{ firstName: '', lastName: '' }

Step-by-Step Solution

Solution:

Step 1: Understand FormGroup initial values
Each FormControl is initialized with an empty string ''.
Step 2: Check the value property of FormGroup
FormGroup.value returns an object with keys and their current values.
Final Answer:
{ firstName: '', lastName: '' } -> Option D
Quick Check:
FormGroup.value returns empty strings object [OK]

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

Common Mistakes:

MISTAKES

Master "Template-Driven Forms" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Given this Angular form setup: