[Solved] Which of the following is the correct syntax to add external styles in an Angular component? — Ans: @Component({ styleUrls: ['app.component.css'] }) | Angular

Angular - Components

Which of the following is the correct syntax to add external styles in an Angular component?

A<code>@Component({ styleUrl: ['app.component.css'] })</code>

B<code>@Component({ styleUrls: ['app.component.css'] })</code>

C<code>@Component({ styles: ['app.component.css'] })</code>

D<code>@Component({ styleSheets: ['app.component.css'] })</code>

Step-by-Step Solution

Solution:

Step 1: Recall the correct property name for external styles
The correct property is styleUrls (plural, camelCase) to link external CSS files.
Step 2: Check syntax correctness
The value must be an array of strings with file paths, e.g., ['app.component.css'].
Final Answer:
@Component({ styleUrls: ['app.component.css'] }) -> Option B
Quick Check:
External styles use styleUrls array [OK]

Quick Trick: Use styleUrls with array of CSS files for external styles [OK]

Common Mistakes:

Master "Components" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Which of the following is the correct syntax to add external styles in an Angular component?