@angular/localize

What is @angular/localize?

@angular/localize is an Angular package that provides localization support for Angular applications. It allows developers to easily translate their applications into different languages and manage translations efficiently.

What are @angular/localize's main functionalities?

Extracting Translatable Strings

This command extracts translatable strings from your Angular application and generates a translation file (e.g., messages.xlf). This file can then be used to provide translations for different languages.

ng extract-i18n

Translating Application

This command serves the application using a specific translation file (e.g., French). The application will display the translated strings based on the provided translation file.

ng serve --configuration=fr

Marking Strings for Translation

This code snippet shows how to mark a string for translation using the `i18n` attribute. The string 'Hello, world!' will be extracted and can be translated into different languages.

<p i18n>Hello, world!</p>

Other packages similar to @angular/localize

angular-translate

angular-translate is another popular library for AngularJS (1.x) that provides i18n support. It allows you to define translations in JSON files and switch between languages dynamically. While it is not compatible with Angular (2+), it offers similar functionalities for AngularJS applications.

i18next

i18next is a powerful internationalization framework for JavaScript applications, including Angular. It provides a wide range of features for managing translations, including support for pluralization, context, and interpolation. Compared to @angular/localize, i18next is more versatile and can be used with various JavaScript frameworks.

README

Angular

The sources for this package are in the main Angular repo. Please file issues and pull requests against that repo.

Usage information and reference details can be found in Angular documentation.

License: MIT

Changelog

20.0.0-rc.2 (2025-05-21)

Deprecations

platform-browser

• All entries of the @angular/platform-browser-dynamic

Breaking Changes

core

• Resource.value() now returns a default value when in a loading state after reloading the error state
• Resource.value() now throws an error when it's in an error state. Previously it returned undefined.
• Resource.error now has a type of Signal<Error | undefined> instead of Signal<unknown>
• Resource.reload has been moved to WritableResource.reload.

common

| Commit | Type | Description | | -- | -- | -- | | af7881abac | fix | cancel reader when app is destroyed (#61528) | | 966df84351 | fix | prevent reading chunks if app is destroyed (#61354) |

compiler

| Commit | Type | Description | | -- | -- | -- | | e74266b108 | fix | avoid conflicts between HMR code and local symbols (#61550) |

compiler-cli

| Commit | Type | Description | | -- | -- | -- | | b57084267e | fix | Always retain prior results for all files (#61487) | | 7a3a41f33f | fix | avoid ECMAScript private field metadata emit (#61227) |

core

| Commit | Type | Description | | -- | -- | -- | | 7efb3384a7 | fix | cleanup rxResource abort listener (#58306) | | b90160d10a | fix | cleanup testability subscriptions (#61261) | | 3ba39bc28f | fix | getting resource value throws an error instead of returning undefined (#61441) | | ca6295e90b | fix | handle different DI token types in Chrome DevTools integration (#61333) | | d62379bb13 | fix | move reload method from Resource to WritableResource (#61441) | | a89f1cff24 | fix | narrow error type for resources API (#61441) | | 6e79eaf739 | fix | reading resource value after reload in the error state (#61441) | | 350776b412 | fix | TestBed.tick should ensure test components are synchronized (#61382) | | 648d42fe65 | fix | Testing should not throw when Zone does not patch test FW APIs (#61376) | | 5dbeb42308 | fix | unregister onDestroy in toSignal. (#61514) | | 30e081287d | fix | update min Node.js support to 20.19, 22.12, and 24.0 (#61500) |

platform-browser

| Commit | Type | Description | | -- | -- | -- | | bc2cab747f | refactor | Deprecate the platform-browser-dynamic package (#61043) |

platform-server

| Commit | Type | Description | | -- | -- | -- | | 6d8e57d131 | perf | speed up resolution of base (#61392) |

<!-- CHANGELOG SPLIT MARKER -->

<a name="19.2.12"></a>