[Solved] Examine this Angular component decorator:@Component({ selector: 'app-demo', styleUrls: ['demo.component.css'] }) export class DemoComponent {}What is the issue with the styleUrls property? | Angular

Angular - Components

Examine this Angular component decorator:

@Component({
  selector: 'app-demo',
  styleUrls: ['demo.component.css']
})
export class DemoComponent {}

What is the issue with the styleUrls property?

AThe path should be relative and enclosed in quotes inside an array, which is correct here

BstyleUrls should be a string, not an array

CThe file extension .css is not supported in styleUrls

DstyleUrls property is misspelled and should be styleUrl

Step-by-Step Solution

Solution:

Step 1: Review Angular styleUrls syntax
The styleUrls property expects an array of strings with relative paths to CSS files.
Step 2: Check the provided code
The code uses styleUrls: ['demo.component.css'], which is the correct format.
Final Answer:
No error; the styleUrls property is correctly declared -> Option A
Quick Check:
styleUrls must be an array of strings [OK]

Quick Trick: styleUrls requires an array of string paths [OK]

Common Mistakes:

Master "Components" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Examine this Angular component decorator: