[Solved] Identify the error in this Angular template snippet for translation:<button i18n="Submit button">Submit</button> | Angular

Angular - Internationalization and Accessibility

Identify the error in this Angular template snippet for translation:

<button i18n="Submit button">Submit</button>

AThe i18n attribute should be written as i18n-desc

BThe description should be inside @@, like i18n="@@Submit button"

CThe text 'Submit' should be inside double curly braces {{}}

DThe i18n attribute must be on a <span>, not a <button>

Step-by-Step Solution

Solution:

Step 1: Check the i18n attribute format
The description or meaning for translation keys must be prefixed with @@ inside the i18n attribute, e.g., i18n="@@Submit button".
Step 2: Validate other options
i18n can be used on any element, including button. Text does not require curly braces for static content. The attribute i18n-desc is not valid.
Final Answer:
The description should be inside @@, like i18n="@@Submit button" -> Option B
Quick Check:
Description needs @@ prefix in i18n attribute [OK]

Quick Trick: Descriptions in i18n need @@ prefix inside quotes [OK]

Common Mistakes:

Master "Internationalization and Accessibility" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Identify the error in this Angular template snippet for translation: