[Solved] Given this Angular template snippet:<h1 i18n>Welcome, {{ userName }}!</h1>What will be the output if userName is 'Alice' and the app is built with English locale? | Angular

Angular - Internationalization and Accessibility

Given this Angular template snippet:

<h1 i18n>Welcome, {{ userName }}!</h1>

What will be the output if userName is 'Alice' and the app is built with English locale?

AWelcome, !

BWelcome, {{ userName }}!

CWelcome, Alice!

DError: Missing translation

Step-by-Step Solution

Solution:

Step 1: Understand interpolation with i18n
The i18n attribute marks the text for translation but Angular still processes interpolation expressions like {{ userName }}.
Step 2: Consider the locale and variable value
With English locale and userName as 'Alice', the text renders with the variable replaced by 'Alice'.
Final Answer:
Welcome, Alice! -> Option C
Quick Check:
i18n with interpolation outputs translated text with variables replaced [OK]

Quick Trick: i18n marks text, interpolation fills variables at runtime [OK]

Common Mistakes:

Master "Internationalization and Accessibility" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Given this Angular template snippet: