[Solved] Given this Angular reactive form code snippet:this.loginForm = new FormGroup({ username: new FormControl(''), password: new FormControl('')});console.log(this.loginForm.... | Angular

Angular - Template-Driven Forms

Given this Angular reactive form code snippet:

this.loginForm = new FormGroup({
  username: new FormControl(''),
  password: new FormControl('')
});
console.log(this.loginForm.value);

What will be logged immediately after this code runs?

Aundefined

B{ username: '', password: '' }

Cnull

DAn error because form controls are empty

Step-by-Step Solution

Solution:

Step 1: Understand FormGroup and FormControl initial values
Each FormControl is initialized with an empty string, so the form value reflects that.
Step 2: Check what loginForm.value returns
It returns an object with keys matching controls and their current values, here empty strings.
Final Answer:
{ username: '', password: '' } -> Option B
Quick Check:
FormGroup value = object with control values [OK]

Quick Trick: FormGroup.value shows current control values as an 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 reactive form code snippet: