[Solved] What is wrong with this standalone component setup for using [(ngModel)]? @Component({ standalone: true, imports: [] }) export class MyComponent { email = ''; }Template:<input [(ngModel)]="email" /> | Angular

Angular - Template-Driven Forms

What is wrong with this standalone component setup for using [(ngModel)]?

@Component({
  standalone: true,
  imports: []
})
export class MyComponent {
  email = '';
}

Template:

<input [(ngModel)]="email" />

AMissing FormsModule in imports array

BMissing declarations array

Cemail property should be initialized to null

DStandalone components cannot use ngModel

Step-by-Step Solution

Solution:

Step 1: Check imports for FormsModule
The component uses [(ngModel)] but FormsModule is not imported, so Angular won't recognize ngModel.
Step 2: Understand standalone component requirements
Standalone components must import FormsModule to use ngModel; declarations are not needed for modules.
Final Answer:
Missing FormsModule in imports array -> Option A
Quick Check:
ngModel requires FormsModule import [OK]

Quick Trick: Always import FormsModule to use ngModel [OK]

Common Mistakes:

MISTAKES

Master "Template-Driven Forms" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

What is wrong with this standalone component setup for using [(ngModel)]?