Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Angular native i18n

See original GitHub issue

What framework do you want to have? Please provide links of its i18n solution/package. Angular

https://angular.io/guide/i18n

Please provide some overall screenshots about how the i18n usage would be like

<h1 i18n="site header|An introduction header for this sample@@introductionHeader">Hello i18n!</h1>

Please provide a minimal starter project Already included in the examples https://github.com/antfu/i18n-ally/tree/i18n-ally/examples/angular

Additional context Things to be done to support angular

XLFF parser
BCP47 locale code format, and an option to switch between different format
Angular frameworks

Vote

This extension is supporting ngx-translate now. I am not an Angular user and I am not sure what’s the community favor.

If you would like to see this get supported, please hit 👍 to vote on this. When it’s hit 15 👍 I would start to consider implementing this. Thanks!

Issue Analytics

State:
Created 4 years ago
Reactions:25
Comments:6 (2 by maintainers)

Top GitHub Comments

1reaction

CMikschecommented, Oct 23, 2020

Hey guys, any good XLFF parser in js recommended?

How about https://github.com/locize/xliff?

0reactions

gotwigcommented, May 11, 2022

Just returning to the past and realizing that angular i18n has absolutely ZERO tooling , and thirdparty tools like ngx-translate are everywhere listed as “deprecated”, and “outdated”, “unmaintained” - but do their job just fine.

If you start a new angular project: please just use ngx translate and dont look back.

Top Results From Across the Web

Angular Internationalization

Internationalization, sometimes referenced as i18n, is the process of designing and preparing your project for use in different locales around the world.

The Ultimate Guide to Angular Localization | Phrase

Learn end-to-end Angular localization with the built-in i18n library and ... Supports native numeral systems for localized date and number ...

How to implement localization in Angular using i18n tools

Introduction In this article, we will learn how to make our Angular app available in different languages using i18n and localization.

Angular i18n: internationalization & localization with examples

Angular I18n uses the built-in module for internationalization. Learn how to set up I18n, perform translations, and deploy the app.

How to approach Angular internationalization (i18n) in 2022

Implementing i18n in Angular is common but not straightforward. See how to do it in 2022 with the native Angular localize library.