[Solved] Identify the issue in this Angular template snippet:<div [ngClass]="{ active: isActive, disabled }"></div>Assuming isActive is a boolean variable. | Angular

Angular - Directives

Identify the issue in this Angular template snippet:

<div [ngClass]="{ active: isActive, disabled }"></div>

Assuming isActive is a boolean variable.

AThe syntax is correct and will work as expected

BThe object literal is missing a value for the 'disabled' key

CThe keys should be strings in quotes

DngClass cannot accept object literals

Step-by-Step Solution

Solution:

Step 1: Analyze object literal syntax
In JavaScript, object keys must have values. Here, 'disabled' has no value assigned.
Step 2: Understand ngClass input
ngClass expects an object with keys as class names and boolean values indicating whether to apply them.
Final Answer:
The object literal is missing a value for the 'disabled' key -> Option B
Quick Check:
Object keys must have values in ngClass [OK]

Quick Trick: Every key in ngClass object must have a value [OK]

Common Mistakes:

Master "Directives" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Identify the issue in this Angular template snippet: