[Solved] Which of the following is the correct way to declare a standalone component in Angular? — Ans: @Component({ selector: 'app-example', standalone: true }) export class... | Angular

Angular - Standalone Components

Which of the following is the correct way to declare a standalone component in Angular?

A@NgModule({ standalone: true }) export class ExampleComponent {}

B@Component({ selector: 'app-example', module: true }) export class ExampleComponent {}

C@Component({ selector: 'app-example', standalone: true }) export class ExampleComponent {}

D@Component({ selector: 'app-example' }) export class ExampleComponent {}

Step-by-Step Solution

Solution:

Step 1: Recall the syntax for standalone components
Standalone components use standalone: true inside the @Component decorator.
Step 2: Check each option's syntax
@Component({ selector: 'app-example', standalone: true }) export class ExampleComponent {} correctly uses @Component with standalone: true. Others misuse decorators or omit the flag.
Final Answer:
@Component({ selector: 'app-example', standalone: true }) export class ExampleComponent {} -> Option C
Quick Check:
Standalone flag inside @Component = correct syntax [OK]

Quick Trick: Look for standalone: true inside @Component decorator [OK]

Common Mistakes:

Master "Standalone Components" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Which of the following is the correct way to declare a standalone component in Angular?