Angular - Components
How do you correctly define an inline template within an Angular component decorator?
How do you correctly define an inline template within an Angular component decorator?
easy📝 Syntax Q3 of 15
Step-by-Step Solution
Solution:
Step 1: Identify the decorator property for inline templates
The correct property istemplate, which accepts a string or template literal.Step 2: Check syntax correctness
@Component({ selector: 'app-test', template: `Hello World` }) usestemplatewith backticks for multi-line HTML, which is valid.Step 3: Eliminate incorrect options
@Component({ selector: 'app-test', templateUrl: 'test.component.html' }) usestemplateUrlwhich is for external templates, not inline.
@Component({ selector: 'app-test', template = `Hello World` }) uses an assignment operator=inside the decorator, which is invalid.
@Component({ selector: 'app-test', templateFile: 'test.component.html' }) uses a non-existent propertytemplateFile.Final Answer:
@Component({ selector: 'app-test', template: `Hello World` }) -> Option AQuick Check:
Inline templates usetemplateproperty with string literals [OK]
Quick Trick: Use 'template' property with backticks for inline templates [OK]
Common Mistakes:
- Using 'templateUrl' instead of 'template' for inline templates
- Using '=' instead of ':' in decorator properties
- Using non-existent properties like 'templateFile'
Master "Components" in Angular
Want More Practice?
15+ quiz questions · All difficulty levels · Free
Free Signup - Practice All QuestionsMore Angular Quizzes