Angular - Reactive Forms
You have a nested module structure: AppModule imports SharedModule, and SharedModule imports ReactiveFormsModule. Will components declared in AppModule be able to use reactive forms directives?
You have a nested module structure: AppModule imports SharedModule, and SharedModule imports ReactiveFormsModule. Will components declared in AppModule be able to use reactive forms directives?
hard🚀 Application Q9 of 15
Step-by-Step Solution
Solution:
Step 1: Understand Angular module re-exporting
Modules must explicitly re-export imported modules to make their directives available to importing modules.Step 2: Analyze SharedModule's role
If SharedModule imports ReactiveFormsModule but does not export it, AppModule does not get access to ReactiveFormsModule directives.Final Answer:
No, because ReactiveFormsModule is not re-exported by SharedModule -> Option DQuick Check:
Re-export needed for nested module directive availability [OK]
Quick Trick: Modules must export imported modules to share directives [OK]
Common Mistakes:
MISTAKES- Assuming imports are automatically shared through nested modules
- Thinking FormsModule is required for reactive forms
- Ignoring the need to export ReactiveFormsModule in SharedModule
Master "Reactive Forms" in Angular
Want More Practice?
15+ quiz questions · All difficulty levels · Free
Free Signup - Practice All QuestionsMore Angular Quizzes