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

Angular - Standalone Components

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

A@Component({ selector: 'app-test', standalone: true, template: 'Test' }) export class TestComponent {}

B@Component({ selector: 'app-test', standalone: false, template: 'Test' }) export class TestComponent {}

C@Component({ selector: 'app-test', standalone: true, templateUrl: 'test.html' }) export class TestComponent {} NgModule({ declarations: [TestComponent] })

D@Component({ selector: 'app-test', standalone: true }) export class TestComponent { template: 'Test' }

Step-by-Step Solution

Solution:

Step 1: Check the standalone property usage
The standalone property must be set to true inside the @Component decorator.
Step 2: Verify template declaration and class export
The template can be inline with template or external with templateUrl. The class must be exported properly.
Final Answer:
@Component({ selector: 'app-test', standalone: true, template: 'Test' }) export class TestComponent {} -> Option A
Quick Check:
Standalone true inside @Component with inline template [OK]

Quick Trick: Standalone true must be inside @Component decorator [OK]

Common Mistakes:

Setting standalone to false
Declaring template outside the decorator
Mixing NgModule declaration with standalone component

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

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

Step 1: Check the standalone property usage

Step 2: Verify template declaration and class export

Final Answer:

Quick Check:

Want More Practice?