Security News
JavaScript Leaders Demand Oracle Release the JavaScript Trademark
In an open letter, JavaScript community leaders urge Oracle to give up the JavaScript trademark, arguing that it has been effectively abandoned through nonuse.
@angular/localize
Advanced tools
@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-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>
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.
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
19.0.0-next.2 (2024-08-28)
Render default fallback with empty projectableNodes
.
When passing an empty array to projectableNodes
in the createComponent
API, the default fallback content of the ng-content
will be rendered if present. To prevent rendering the default content, pass document.createTextNode('')
as a projectableNode
.
For example:
// The first ng-content will render the default fallback content if present
createComponent(MyComponent. { projectableNodes: [[], [secondNode]] });
// To prevent projecting the default fallback content:
createComponent(MyComponent. { projectableNodes: [[document.createTextNode('')], [secondNode]] });
The timers that are used for zone coalescing and hybrid
mode scheduling (which schedules an application state synchronization
when changes happen outside the Angular zone) will now run in the zone
above Angular rather than the root zone. This will mostly affect tests
which use fakeAsync
: these timers will now be visible to fakeAsync
and can be affected by tick
or flush
.
| Commit | Type | Description | | -- | -- | -- | | 50f08e6c4bf | feat | automatically use sizes auto in NgOptimizedImage (#57479) |
| Commit | Type | Description | | -- | -- | -- | | 4716c3b9660 | perf | reduce duplicate component style resolution (#57502) |
| Commit | Type | Description | | -- | -- | -- | | a3cdbfe87f5 | fix | avoid leaking memory if component throws during creation (#57546) | | 7a99815146e | fix | Do not bubble capture events. (#57476) | | 7b1e5be20b9 | fix | fallback to default ng-content with empty projectable nodes. (#57480) | | 0300dd2e18f | fix | Fix fixture.detectChanges with autoDetect disabled and zoneless (#57416) | | 226a67dabba | fix | Schedulers run in zone above Angular rather than root (#57553) |
| Commit | Type | Description |
| -- | -- | -- |
| 0cebfd7462c | fix | switch to ComponentRef.setInput
& remove custom scheduler (#56728) |
| Commit | Type | Description | | -- | -- | -- | | 8f6308457f0 | fix | Do not unnecessarily run matcher twice on route matching (#57530) |
| Commit | Type | Description | | -- | -- | -- | | c9d90786d0a | fix | Address Trusted Types violations in @angular/upgrade (#57454) |
<!-- CHANGELOG SPLIT MARKER --><a name="18.2.2"></a>
FAQs
Angular - library for localizing messages
The npm package @angular/localize receives a total of 576,302 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
In an open letter, JavaScript community leaders urge Oracle to give up the JavaScript trademark, arguing that it has been effectively abandoned through nonuse.
Security News
The initial version of the Socket Python SDK is now on PyPI, enabling developers to more easily interact with the Socket REST API in Python projects.
Security News
Floating dependency ranges in npm can introduce instability and security risks into your project by allowing unverified or incompatible versions to be installed automatically, leading to unpredictable behavior and potential conflicts.