• UI application should be as fast as possible therefore it should store as less translations as possible.

Formats[edit | edit source]

What is Key[edit | edit source]

in Angular #xlif Key is 'custom id'+'meaning|description'. And it is very good that result sources do not contain keys making them smaller

in #dotNet Key is 'English text' therefore in order to simulate "'English text'+'meaning'" pattern the suffix _<meaning> should be added:

• no suffix - action as several words or noun
• _a - action, verb as causative sentence

JS[edit | edit source]

xlif[edit | edit source]

• Angular natively understands .xlf, .xlif and .xtb formats. Angular natively does not allow language change without app refresh, moretheover in AOT You need to build and deploy a separate version of the application for each supported language.
  • Internationalization with the AOT compiler is faster
  • problem: After an id changes, the translation files are no longer in-sync. All translated versions of the application will fail during re-compilation. The error messages identify the old ids that are no longer valid but they don't tell you what the new ids should be.
    • solution: Consider specifying your own, meaningful id in the i18n attribute, prefixed with @@.

Json[edit | edit source]

composed key[edit | edit source]

{
    "HOME": {
        "TITLE": "Angular 2 Localization",
        ...
    }
}

parameters[edit | edit source]

{
    "USER_NOTIFICATIONS": "{{ user }}, you have {{ NoMessages }} new messages",
    ...
}

what ready module to use?[edit | edit source]

• !!! Angular i18n
• !!! angular-l10n

• i18next
  • angular2-i18next

• Angular2 and webpack - i18n plugin vs ng2-translate
  • ng2-translate
  • i18n-plugin

dotNet[edit | edit source]

• resource assemblies with ResXFileCodeGeneratorEx
• Resharper Internationalization
• https://github.com/tom-englert/ResXResourceManager show all ResX based resources in the solution and can auto-translate

conversion from #dotNet format[edit | edit source]

• to #Json by:
  • https://github.com/jrnt30/grunt-resx2json
  • https://github.com/Dustincassiday/grunt-resx-to-json-delimited offers to convert dotNet Key into #composed key
  • or https://github.com/CrocInc/ResxToJson, https://github.com/ericontilt/grunt-resxtojson
• to iOS .strings by Resx2Strings
• to #xlif by Category:Localization tools#MAT

Where to store English texts[edit | edit source]

English texts and messages keys are not stored in a xlf-compiled Angular application, but only in developer sources.

#dotNet resources store messages keys and are not memory efficient.

Get language for localization[edit | edit source]

in JS[edit | edit source]

browser language... navigator.language || navigator.userLanguage

import { LOCALE_ID } from '@angular/core'; constructor(@Inject(LOCALE_ID) protected localeId: string) {}

Apache Cordova Globalization

HTTP 'Accept-Language' header, but it appears this value is not available through javascript at all.

Deployment view[edit | edit source]

• https://medium.com/@feloy/deploying-an-i18n-angular-app-with-angular-cli-fc788f17e358