[Solved] Identify the error in this Angular component code:@Component({ templateUrl: './app.component.html' }) export class AppComponent { template: 'Hello'; } | Angular

Angular - Components

Identify the error in this Angular component code:

@Component({ templateUrl: './app.component.html' }) export class AppComponent { template: 'Hello
'; }

AThe 'templateUrl' path must be an absolute URL

BThe component must use 'template' instead of 'templateUrl'

CThe 'template' property inside the class is invalid

DThe class must not have any properties

Step-by-Step Solution

Solution:

Step 1: Analyze component decorator and class
The decorator uses 'templateUrl' correctly for external template.
Step 2: Check class property usage
Defining 'template' as a class property is invalid; templates belong in decorator only.
Final Answer:
The 'template' property inside the class is invalid -> Option C
Quick Check:
Templates belong in decorator, not class properties [OK]

Quick Trick: Templates go in decorator, not class properties [OK]

Common Mistakes:

Master "Components" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Identify the error in this Angular component code: