Which of the following is the correct syntax to define a component with an external template file named app.component.html?

easy📝 Syntax Q3 of 15

Angular - Components

Which of the following is the correct syntax to define a component with an external template file named app.component.html?

A@Component({ templateUrl: 'app.component.html' })

B@Component({ templateUrl: './app.component.html' })

C@Component({ template: 'app.component.html' })

D@Component({ templateFile: 'app.component.html' })

Step-by-Step Solution

Solution:

Step 1: Understand templateUrl usage
The templateUrl property points to the external HTML file, usually with a relative path starting with './'.
Step 2: Identify correct syntax
@Component({ templateUrl: './app.component.html' }) correctly uses templateUrl with a relative path string.
Final Answer:
@Component({ templateUrl: './app.component.html' }) -> Option B
Quick Check:
External template uses templateUrl with relative path [OK]

Quick Trick: Use templateUrl with relative path for external HTML [OK]

Common Mistakes:

Master "Components" in Angular

9 interactive learning modes - each teaches the same concept differently

Want More Practice?

15+ quiz questions · All difficulty levels · Free

More Angular Quizzes