[Solved] Identify the issue in this Angular standalone component setup:@Component({ selector: 'sample-comp', standalone: true, template:... | Angular

Angular - Standalone Components

Identify the issue in this Angular standalone component setup:

@Component({ selector: 'sample-comp', standalone: true, template: 'Sample works
' }) export class SampleComponent {} @Component({ selector: 'app-root', standalone: true, template: '' }) export class AppComponent {}

ASampleComponent should not be standalone if used inside another component

BAppComponent does not import SampleComponent in its imports array

CAppComponent must declare SampleComponent in an NgModule

DThe selector 'sample-comp' is invalid for standalone components

Step-by-Step Solution

Solution:

Step 1: Check component imports
Standalone components used inside other standalone components must be imported.
Step 2: Analyze given code
AppComponent uses <sample-comp> but does not import SampleComponent.
Step 3: Identify error
Missing import causes Angular to not recognize SampleComponent.
Final Answer:
AppComponent does not import SampleComponent in its imports array -> Option B
Quick Check:
Always import standalone components you use [OK]

Quick Trick: Import standalone components before usage [OK]

Common Mistakes:

Assuming standalone components auto-import
Thinking NgModules are required for standalone components
Misunderstanding selector validity

Master "Standalone Components" in Angular

9 interactive learning modes - each teaches the same concept differently

Learn Why Deep Visual Try Challenge Project Recall Perf

More Angular Quizzes

Identify the issue in this Angular standalone component setup:

Step 1: Check component imports

Step 2: Analyze given code

Step 3: Identify error

Final Answer:

Quick Check:

Want More Practice?