[Solved] Identify the error in this Angular standalone component declaration:@Component({ selector: 'app-sample', template: '<p>Sample</p>' }) export class SampleComponent {} | Angular

Angular - Standalone Components

Identify the error in this Angular standalone component declaration:

@Component({ selector: 'app-sample', template: '<p>Sample</p>' }) export class SampleComponent {}

ATemplate syntax is invalid.

BMissing selector property in @Component decorator.

CClass name must be SampleComponentComponent.

DMissing standalone: true property in @Component decorator.

Step-by-Step Solution

Solution:

Step 1: Check standalone component requirements
Standalone components must have standalone: true in their @Component decorator.
Step 2: Verify given code
The code lacks standalone: true, so it is treated as module-based, which is an error if standalone is intended.
Final Answer:
Missing standalone: true property in @Component decorator. -> Option D
Quick Check:
Standalone requires standalone: true in decorator = C [OK]

Quick Trick: Add standalone: true to declare standalone component [OK]

Common Mistakes:

Master "Standalone Components" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Identify the error in this Angular standalone component declaration: