Which of the following is the correct way to specify the HTML template inline in a component decorator?

easy📝 Syntax Q12 of 15

Angular - Components

A<code>@Component({ template: '<h1>Hello</h1>' })</code>

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

C<code>@Component({ templateFile: 'app.component.html' })</code>

D<code>@Component({ htmlTemplate: '<h1>Hello</h1>' })</code>

Step-by-Step Solution

Solution:

Step 1: Recall the difference between template and templateUrl
template is for inline HTML, templateUrl is for external file path.
Step 2: Identify the correct syntax for inline template
Only template: 'Hello ' is valid for inline HTML.
Final Answer:
@Component({ template: '<h1>Hello</h1>' }) -> Option A
Quick Check:
Inline HTML uses template property = A [OK]

Quick Trick: Use 'template' for inline HTML, 'templateUrl' for files [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