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

Angular - Fundamentals

Which of the following is the correct way to define a standalone component in Angular 17+?

A

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

B<code>@NgModule({ declarations: [SampleComponent] }) export class SampleModule {}</code>

C<code>function SampleComponent() { return '<p>Hello</p>'; }</code>

D<code>class SampleComponent extends Component {}</code>

Step-by-Step Solution

Solution:

Step 1: Recall Angular 17+ standalone component syntax
Standalone components use @Component with 'standalone: true' and define selector and template.
Step 2: Check each option
@Component({ standalone: true, selector: 'app-sample', template: 'Hello ' }) export class SampleComponent {} matches the correct syntax; A is plain function, B is for modules, D is invalid class extension.
Final Answer:
@Component({ standalone: true, selector: 'app-sample', template: '<p>Hello</p>' }) export class SampleComponent {} -> Option A
Quick Check:
Standalone component = @Component with standalone: true [OK]

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

Common Mistakes:

Master "Fundamentals" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Which of the following is the correct way to define a standalone component in Angular 17+?