Angular - Internationalization and Accessibility
You want to mark multiple pieces of text in an Angular template for translation, each with a unique description. Which approach correctly applies this?
You want to mark multiple pieces of text in an Angular template for translation, each with a unique description. Which approach correctly applies this?
hard📝 Application Q15 of 15
Step-by-Step Solution
Solution:
Step 1: Use unique descriptions with @@ in i18n attribute
Angular uses the syntaxi18n="@@description"to add unique descriptions for each translatable text.Step 2: Evaluate each option
Welcome
This is the intro paragraph.
correctly usesi18n="@@headerDesc"andi18n="@@introDesc".Welcome
This is the intro paragraph.
uses invalidi18n-desc.Welcome
This is the intro paragraph.
misses @@ prefix.Welcome
This is the intro paragraph.
uses plain text instead of description keys.Final Answer:
<h2 i18n="@@headerDesc">Welcome</h2> <p i18n="@@introDesc">This is the intro paragraph.</p> -> Option AQuick Check:
Use i18n="@@uniqueDescription" for each text [OK]
Quick Trick: Use @@ prefix in i18n for unique translation descriptions [OK]
Common Mistakes:
- Using i18n-desc instead of i18n
- Omitting @@ prefix for descriptions
- Putting descriptions as plain text in i18n attribute
Master "Internationalization and Accessibility" in Angular
Want More Practice?
15+ quiz questions · All difficulty levels · Free
Free Signup - Practice All QuestionsMore Angular Quizzes