[Solved] In an Angular standalone component, you wrote:@Component({ selector: 'app-example', template: ``, standalone: true }) export class ExampleComponent { name = ''; }The input does not bind correctly.... | Angular

Angular - Template-Driven Forms

In an Angular standalone component, you wrote:

@Component({
  selector: 'app-example',
  template: ``,
  standalone: true
})
export class ExampleComponent {
  name = '';
}

The input does not bind correctly. What is missing?

AThe component must declare name as a FormControl

BThe component must add name to providers

CThe component must import ReactiveFormsModule

DThe component must import FormsModule in its imports array

Step-by-Step Solution

Solution:

Step 1: Recognize standalone component needs FormsModule
Standalone components must explicitly import FormsModule to use ngModel.
Step 2: Understand missing imports cause binding failure
Without FormsModule in imports, ngModel directive is unknown and binding fails.
Final Answer:
The component must import FormsModule in its imports array -> Option D
Quick Check:
Standalone ngModel needs FormsModule import [OK]

Quick Trick: Standalone components require FormsModule import for ngModel [OK]

Common Mistakes:

MISTAKES

Master "Template-Driven Forms" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

In an Angular standalone component, you wrote: