Angular i18n built-in support - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is Angular i18n built-in support?

Angular i18n built-in support is a feature that helps developers create applications that can display content in different languages by using Angular's tools and syntax for translation.

beginner

How do you mark text for translation in Angular templates?

You mark text for translation by adding the i18n attribute to HTML elements or Angular components in your template.

intermediate

What command extracts translation messages from Angular templates?

The command ng extract-i18n extracts all marked messages into a translation source file, usually in XLIFF format.

intermediate

How does Angular handle multiple languages at build time?

Angular uses different build configurations to generate separate versions of the app for each language by replacing the translation files during the build process.

advanced

What is the role of the i18n-select and i18n-plural directives?

i18n-select chooses text based on a variable's value, and i18n-plural handles plural forms in translations, helping to show correct messages depending on numbers or conditions.

Which attribute do you add to an HTML element to mark it for translation in Angular?

A translate

B i18n

C ng-translate

D localize

Angular uses the i18n attribute to mark text for translation.

What file format does Angular commonly use for translation source files?

A XLIFF

B YAML

C JSON

D CSV

Angular typically uses XLIFF files to store extracted translation messages.

Which Angular CLI command extracts translation messages from your app?

A ng extract-i18n

B ng serve

C ng generate i18n

D ng build

The ng extract-i18n command extracts marked messages for translation.

How does Angular apply different languages in the app?

A Using CSS classes

B At runtime by switching files

C By generating separate builds per language

D By changing the HTML tag

Angular creates separate builds for each language during build time.

What does the i18n-plural directive help with?

A Translating images

B Changing font size

C Switching themes

D Handling plural forms in translations

i18n-plural helps show correct text based on plural rules.

Explain how Angular's built-in i18n support helps create multilingual apps.

Think about how you prepare text for translation and how Angular uses those translations.

Describe the purpose of the i18n-select and i18n-plural directives in Angular.

Consider how messages change depending on conditions or numbers.