ngx-translate-formatjs-compiler

Format.js based @ngx/translate compiler.

Supports Angular >= 10

Install

npm i --save intl-messageformat @ngx-translate/core ngx-translate-formatjs-compiler

Integration in @ngx/translate/core

1import { NgModule } from '@angular/core';
2import { BrowserModule } from '@angular/platform-browser';
3import { TranslateCompiler, TranslateModule } from '@ngx-translate/core';
4import { TranslateFormatJsCompiler } from 'ngx-translate-formatjs-compiler';
5
6import { AppComponent } from './app';
7
8@NgModule({
9  imports: [
10    BrowserModule,
11    TranslateModule.forRoot({
12      compiler: {
13        provide: TranslateCompiler,
14        useClass: TranslateFormatJsCompiler,
15      },
16    }),
17  ],
18  bootstrap: [AppComponent],
19})
20export class AppModule {}

Troubleshooting

• With FormatJS HTML tags must be escaped with a ' in the translation. E.g. '<h1>'Your content goes here'</h1>'
• With FormatJS interpolation variables are surrounded by single brackets. E.g. I am having {count} cats

Further links

• Supported Syntax
• ICU Online Editor