[Solved] Identify the error in this Angular component code:@Component({ selector: 'app-test', template: '{{title}}' }) export class TestComponent { title; } | Angular

Angular - Components

Identify the error in this Angular component code:

@Component({ selector: 'app-test', template: '{{title}}
' }) export class TestComponent { title; }

ASelector name is invalid

Btitle is declared but not initialized, causing undefined display

CMissing @Injectable decorator

DTemplate syntax is incorrect

Step-by-Step Solution

Solution:

Step 1: Check property initialization
The title property is declared but not given a value, so it is undefined.
Step 2: Understand template binding effect
Binding to undefined shows empty or blank in the rendered template.
Final Answer:
title is declared but not initialized, causing undefined display -> Option B
Quick Check:
Uninitialized properties show undefined [OK]

Quick Trick: Initialize properties to avoid undefined in templates [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: