[Solved] Identify the error in this Angular component code:export class DemoComponent { private title = 'Hello'; } // In template: // <h1>{{ title }}</h1> | Angular

Angular - TypeScript in Angular

Identify the error in this Angular component code:

export class DemoComponent {
  private title = 'Hello';
}

// In template:
// <h1>{{ title }}</h1>

ATemplate cannot access private property 'title'

BNo error, code works fine

CMissing semicolon after title declaration

Dtitle should be declared as protected

Step-by-Step Solution

Solution:

Step 1: Check property access modifier
title is declared private, so it is hidden from outside the class.
Step 2: Understand template access rules
Angular templates can only access public properties, so trying to use title in template causes an error.
Final Answer:
Template cannot access private property 'title' -> Option A
Quick Check:
Private properties are not accessible in templates [OK]

Quick Trick: Templates only see public, not private properties [OK]

Common Mistakes:

Master "TypeScript in Angular" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Identify the error in this Angular component code: