Treceți la conținut
Angular i18n

Soluție Angular i18n

Suport pentru componente standalone, signals și SSR pentru aplicații Angular.

Get started in 3 steps

1

Install

Add the Better i18n Angular package to your project.

terminal
npm install @better-i18n/angular
2

Import the module

Import BetterI18nModule in your AppModule or standalone component.

app.module.ts
import { BetterI18nModule } from '@better-i18n/angular';

@NgModule({
  imports: [
    BetterI18nModule.forRoot({
      project: 'your-org/your-project',
      defaultLocale: 'en',
    }),
  ],
})
export class AppModule {}
3

Use the translate pipe

Use the translate pipe or directive in your templates to display translations.

app.component.html
<h1>{{ 'welcome' | translate }}</h1>
<p>{{ 'greeting' | translate: { name: userName } }}</p>

Funcționalități

Suport pentru componente standalone
Pipe-uri de traducere
Directive i18n
Servicii injectabile
Module cu lazy loading
Suport pentru compilare AOT
Angular Universal SSR
Suport Signals
Integrare Angular CLI

Pornire rapidă

Adaugă i18n în aplicația ta Angular cu pipe-uri și servicii.

// app.component.ts
import { Component } from '@angular/core';
import { TranslateService } from '@better-i18n/angular';

@Component({
  selector: 'app-root',
  template: `
    <h1>{{ 'welcome' | translate }}</h1>
    <p>{{ 'greeting' | translate: { name: 'World' } }}</p>
  `
})
export class AppComponent {
  constructor(private translate: TranslateService) {
    translate.setDefaultLang('en');
  }
}

Funcționează cu bibliotecile i18n populare pentru Angular

Better i18n completează biblioteca i18n Angular — gestionați traducerile vizual, colaborați cu traducătorii și implementați prin CDN.

Better i18n + @ngx-translate/core

Cea mai utilizată bibliotecă de traducere Angular. Traduceri runtime cu pipes, directive și injecție de servicii.

Better i18n exportă în formatul JSON ngx-translate. Editați traducerile în dashboard, sincronizați automat cu repo-ul.

Better i18n + Angular i18n (built-in)

Sistemul oficial i18n al Angular cu compilare AOT, expresii ICU și extracție a traducerilor la build.

Export în formatul Angular XLIFF. Better i18n gestionează fluxul de traducere, Angular CLI construiește pachete specifice locale.

Better i18n + Transloco

Bibliotecă i18n modernă și ușoară pentru Angular cu încărcare leneșă, pluginuri bogate și suport TypeScript excelent.

Sincronizați traducerile în formatul JSON Transloco prin integrarea GitHub a Better i18n. Actualizări în timp real cu livrare CDN.

Începe să construiești cu Angular i18n

Plan gratuit disponibil. Nu este necesar card de credit.