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

Angular - Standalone Components

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

A<code>@Component({ standalone: false, selector: 'app-hello', template: 'Hello' })</code>

B<code>@Component({ module: true, selector: 'app-hello', template: 'Hello' })</code>

C<code>@NgModule({ standalone: true, declarations: [HelloComponent] })</code>

D<code>@Component({ standalone: true, selector: 'app-hello', template: 'Hello' })</code>

Step-by-Step Solution

Solution:

Step 1: Identify standalone component syntax
The correct property is standalone: true inside the @Component decorator.
Step 2: Check other options
The other options are incorrect: one sets standalone: false, another uses invalid module property, and one misuses @NgModule.
Final Answer:
@Component({ standalone: true, selector: 'app-hello', template: 'Hello' }) -> Option D
Quick Check:
standalone: true inside @Component decorator [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?