Angular - Standalone ComponentsYou migrated a component to standalone but forgot to add 'imports' for a used Angular directive. What error will you likely see?ACompilation error: Missing NgModule declarationBTemplate parse error: Can't bind to 'ngIf' since it isn't a known propertyCRuntime error: Component not foundDNo error, the directive works automaticallyCheck Answer
Step-by-Step SolutionSolution:Step 1: Recall standalone component importsStandalone components must explicitly import modules or directives they use.Step 2: Identify error from missing directive importMissing import for 'NgIf' causes a template parse error about unknown property binding.Final Answer:Template parse error: Can't bind to 'ngIf' since it isn't a known property -> Option BQuick Check:Missing directive import causes template parse error = C [OK]Quick Trick: Import used directives in standalone components [OK]Common Mistakes:Assuming directives auto-import in standalone componentsConfusing runtime errors with template parse errorsExpecting NgModule declarations to fix missing imports
Master "Standalone Components" in Angular9 interactive learning modes - each teaches the same concept differentlyLearnWhyDeepVisualTryChallengeProjectRecallPerf
More Angular Quizzes Advanced Patterns - Facade service pattern - Quiz 11easy Advanced Patterns - Facade service pattern - Quiz 15hard Advanced Patterns - Resolver for pre-fetching data - Quiz 12easy Angular Signals - Computed signals for derived values - Quiz 8hard Animations - Keyframe animations - Quiz 3easy Animations - Keyframe animations - Quiz 7medium Internationalization and Accessibility - Why i18n matters - Quiz 8hard State Management - Selectors for derived state - Quiz 10hard State Management - When NgRx is overkill - Quiz 4medium State Management - Signals as modern state primitive - Quiz 7medium