[Solved] Which of the following is the correct syntax to create a FormGroup in Angular reactive forms? - Ans: this.form = new FormGroup({name: new FormControl('')}); | Angular

Angular - Reactive Forms

Which of the following is the correct syntax to create a FormGroup in Angular reactive forms?

Athis.form = FormGroup({name: FormControl('')});

Bthis.form = new FormControl({name: new FormGroup('')});

Cthis.form = new FormGroup({name: new FormControl('')});

Dthis.form = new FormControl('name', new FormGroup());

Step-by-Step Solution

Solution:

Step 1: Recall correct FormGroup creation syntax
FormGroup is created with new keyword and an object of FormControls.
Step 2: Check each option for syntax correctness
this.form = new FormGroup({name: new FormControl('')}); correctly uses new FormGroup with new FormControl inside an object.
Final Answer:
this.form = new FormGroup({name: new FormControl('')}); -> Option C
Quick Check:
Correct FormGroup syntax = new FormGroup with FormControl object [OK]

Quick Trick: Use new FormGroup({controlName: new FormControl('')}) [OK]

Common Mistakes:

MISTAKES

Master "Reactive Forms" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Which of the following is the correct syntax to create a FormGroup in Angular reactive forms?