[Solved] What is wrong with this Angular template expression?{{ user?.name.toUpperCase() }} assuming user can be null. | Angular

Angular - Templates and Data Binding

What is wrong with this Angular template expression?

{{ user?.name.toUpperCase() }}

assuming user can be null.

AtoUpperCase() is not a valid JavaScript method

BSafe navigation operator (?.) is used incorrectly on user

CCalling toUpperCase() without safe navigation on name causes error if name is null

DExpression is valid and safe

Step-by-Step Solution

Solution:

Step 1: Understand safe navigation operator usage
The safe navigation operator (?.) prevents errors if user is null or undefined.
Step 2: Identify problem with method call on possibly null property
Even if user is safe, name could be null, so calling toUpperCase() directly can cause error.
Final Answer:
Calling toUpperCase() without safe navigation on name causes error if name is null -> Option C
Quick Check:
Use safe navigation before method calls on nullable properties [OK]

Quick Trick: Use ?. before method calls on nullable properties [OK]

Common Mistakes:

Master "Templates and Data Binding" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

What is wrong with this Angular template expression?