Given the component property user = null;, what will be the output of this Angular template snippet?

medium📝 component behavior Q13 of 15

Angular - Templates and Data Binding

Given the component property user = null;, what will be the output of this Angular template snippet?

{{ user?.name || 'Guest' }}

Aundefined

BGuest

Cnull

DError

Step-by-Step Solution

Solution:

Step 1: Evaluate safe navigation on null
Since user is null, user?.name safely returns undefined without error.
Step 2: Apply the logical OR operator
The expression undefined || 'Guest' evaluates to 'Guest' because undefined is falsy.
Final Answer:
Guest -> Option B
Quick Check:
Safe navigation returns undefined, fallback used [OK]

Quick Trick: Safe navigation returns undefined, use || for fallback [OK]

Common Mistakes:

Master "Templates and Data Binding" in Angular

9 interactive learning modes - each teaches the same concept differently

Want More Practice?

15+ quiz questions · All difficulty levels · Free

More Angular Quizzes