[Solved] You wrote this template code:<span i18n="Welcome message">Welcome!</span>But the translation extraction tool does not pick up the text. What is the likely problem? | Angular

Angular - Internationalization and Accessibility

You wrote this template code:

<span i18n="Welcome message">Welcome!</span>

But the translation extraction tool does not pick up the text. What is the likely problem?

AThe <code>i18n</code> attribute must be on a block element, not <code>span</code>

BMissing meaning before the description in <code>i18n</code> attribute

CThe text must be wrapped in double quotes inside the element

DThe <code>i18n</code> attribute is case sensitive and should be uppercase

Step-by-Step Solution

Solution:

Step 1: Check the i18n attribute format
Angular expects i18n to have the format meaning|description or just a description, but meaning is recommended.
Step 2: Understand extraction requirements
Without a proper meaning or description separated by a pipe, extraction tools may ignore the text.
Final Answer:
Missing meaning before the description in i18n attribute -> Option B
Quick Check:
Proper i18n format needed for extraction = B [OK]

Quick Trick: Use meaning|description format in i18n [OK]

Common Mistakes:

Master "Internationalization and Accessibility" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

You wrote this template code: