[Solved] Identify the error in this Angular template snippet:<div [ngSwitch]="mode"> <div *ngSwitchCase=active>Active Mode</div> <div *ngSwitchCase="inactive">Inactive Mode</div> </div> | Angular

Angular - Directives

Identify the error in this Angular template snippet:

<div [ngSwitch]="mode">
  <div *ngSwitchCase=active>Active Mode</div>
  <div *ngSwitchCase="inactive">Inactive Mode</div>
</div>

ANo error, code is correct

BMissing quotes around 'active' in *ngSwitchCase

CUsing *ngSwitchCase without *ngSwitchDefault

DIncorrect use of [ngSwitch] instead of *ngSwitch

Step-by-Step Solution

Solution:

Step 1: Check syntax for string literals in *ngSwitchCase
String values must be quoted. The first case lacks quotes around active.
Step 2: Verify other parts
[ngSwitch] is correct usage, default case is optional, so no error there.
Final Answer:
Missing quotes around 'active' in *ngSwitchCase -> Option B
Quick Check:
String cases need quotes [OK]

Quick Trick: Always quote string values in *ngSwitchCase [OK]

Common Mistakes:

Master "Directives" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Identify the error in this Angular template snippet: