[Solved] Why might using ngClass with a falsy value like 0 or '' cause unexpected class application? — Ans: Falsy values are ignored and do not add the class | Angular

Angular - Directives

Why might using ngClass with a falsy value like 0 or '' cause unexpected class application?

AFalsy values are treated as true and add the class

BFalsy values convert to string and add class literally

CFalsy values are ignored and do not add the class

DFalsy values cause runtime errors in ngClass

Step-by-Step Solution

Solution:

Step 1: Understand how ngClass treats falsy values
In ngClass, keys with falsy values like 0, '', false, null, or undefined are ignored and their classes are not added.
Step 2: Check implications
This prevents unwanted classes from being applied when the condition is falsy.
Final Answer:
Falsy values are ignored and do not add the class -> Option C
Quick Check:
Falsy values skip class addition [OK]

Quick Trick: Falsy values in ngClass skip adding classes [OK]

Common Mistakes:

Master "Directives" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Why might using ngClass with a falsy value like 0 or '' cause unexpected class application?