[Solved] Given this Angular template snippet:<button i18n>Submit</button>What will happen when you build the app with i18n enabled and provide translations? | Angular

Angular - Internationalization and Accessibility

Given this Angular template snippet:

<button i18n>Submit</button>

What will happen when you build the app with i18n enabled and provide translations?

AThe button text will remain 'Submit' regardless of language.

BThe app will throw a syntax error during build.

CThe button text will change to the translated word based on user locale.

DThe button will disappear from the UI.

Step-by-Step Solution

Solution:

Step 1: Understand i18n attribute effect
The i18n attribute marks text for translation during build.
Step 2: Effect of providing translations
When translations exist, Angular replaces the original text with the translated version based on user locale.
Final Answer:
The button text will change to the translated word based on user locale. -> Option C
Quick Check:
i18n + translations = translated text [OK]

Quick Trick: i18n text changes with user language if translations exist [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: