[Solved] How do you correctly define a standalone component in Angular? — Ans: @Component({ standalone: true, selector: 'app-example', template: 'Example... | Angular

Angular - Standalone Components

How do you correctly define a standalone component in Angular?

A

@Component({ standalone: false, selector: 'app-example', template: '<p>Example works!</p>' }) export class ExampleComponent {}

B@Component({ selector: 'app-example', template: '<p>Example works!</p>' }) export class ExampleComponent {}

C@NgModule({ declarations: [ExampleComponent] }) export class ExampleModule {}

D

@Component({ standalone: true, selector: 'app-example', template: '<p>Example works!</p>' }) export class ExampleComponent {}

Step-by-Step Solution

Solution:

Step 1: Identify standalone component syntax
Standalone components require the property standalone: true in the @Component decorator.
Step 2: Check the options
@Component({ standalone: true, selector: 'app-example', template: '
Example works!
' }) export class ExampleComponent {} correctly includes standalone: true along with selector and template.
Final Answer:
@Component({ standalone: true, selector: 'app-example', template: '
Example works!
' }) export class ExampleComponent {} is the correct way to declare a standalone component.
Quick Check:
Standalone components must have standalone: true [OK]

Quick Trick: Standalone components need 'standalone: true' in @Component [OK]

Common Mistakes:

Master "Standalone Components" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

How do you correctly define a standalone component in Angular?