@angular/localize
Advanced tools
Package description
@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.
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-i18nTranslating 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=frMarking 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>ngx-translate/core is a library for Angular that provides a robust solution for internationalization (i18n). It allows you to dynamically load translations and switch between languages at runtime. Compared to @angular/localize, ngx-translate/core offers more flexibility in terms of loading and managing translations.
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 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.
Changelog
17.0.4 (2023-11-20)
| Commit | Type | Description |
| -- | -- | -- |
| 7f1c55755d | fix | remove load on image once it fails to load (#52990) |
| fafcb0d23f | fix | scan images once page is loaded (#52991) |
| Commit | Type | Description | | -- | -- | -- | | 98376f2c09 | fix | changed after checked error in for loops (#52935) | | 291deac663 | fix | generate i18n instructions for blocks (#52958) | | 49dca36880 | fix | nested for loops incorrectly calculating computed variables (#52931) | | f01b7183d2 | fix | produce placeholder for blocks in i18n bundles (#52958) |
| Commit | Type | Description | | -- | -- | -- | | f671f86ac2 | fix | add diagnostic for control flow that prevents content projection (#52726) |
| Commit | Type | Description |
| -- | -- | -- |
| db1a8ebdb4 | fix | cleanup loading promise when no dependencies are defined (#53031) |
| 31a1575334 | fix | handle local refs when getDeferBlocks is invoked in tests (#52973) |
| Commit | Type | Description | | -- | -- | -- | | ac9cd6108f | fix | control flow migration fails for async pipe with unboxing of observable (#52756) (#52972) | | 13bf5b7007 | fix | Fixes control flow migration if then else case (#53006) | | 492ad4698a | fix | fixes migrations of nested switches in control flow (#53010) | | 0fad36eff2 | fix | tweaks to formatting in control flow migration (#53058) |
<!-- CHANGELOG SPLIT MARKER --><a name="17.0.3"></a>
Readme
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
FAQs
Unknown package
The npm package @angular/localize receives a total of 543,979 weekly downloads. As such, @angular/localize popularity was classified as popular.
We found that @angular/localize demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 2 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Cyber insurance rates are dropping as the market matures, according to a new report projecting global premiums to reach $43 billion by 2030, driven by international market uptake and growth in the SME sector.
Research
Security News
Socket researchers unpack a typosquatting package with malicious code that logs keystrokes and exfiltrates sensitive data to a remote server.
Security News
The JavaScript community has launched the e18e initiative to improve ecosystem performance by cleaning up dependency trees, speeding up critical parts of the ecosystem, and documenting lighter alternatives to established tools.