Přejít na obsah
Angular i18n

Řešení Angular i18n

Podpora standalone komponent, signals a SSR pro Angular aplikace.

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({
      projectId: '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>

Funkce

Podpora standalone komponent
Překladové pipe
Direktivy i18n
Injektovatelné služby
Moduly s lazy loadingem
Podpora AOT kompilace
Angular Universal SSR
Podpora Signals
Integrace s Angular CLI

Rychlý start

Přidejte i18n do své Angular aplikace pomocí pipek a služeb.

// 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');
  }
}

Funguje s populárními i18n knihovnami pro Angular

Better I18N doplňuje vaši i18n knihovnu pro Angular — spravujte překlady vizuálně, spolupracujte s překladateli a nasazujte přes CDN.

Better I18N + @ngx-translate/core

Nejpoužívanější překladová knihovna pro Angular. Runtime překlady pomocí pipes, direktiv a service injection.

Better I18N exportuje do JSON formátu ngx-translate. Upravujte překlady v dashboardu, automaticky synchronizujte s repozitářem.

Better I18N + Angular i18n (built-in)

Oficiální i18n systém Angularu s AOT kompilací, ICU výrazy a extrakcí překladů při buildu.

Export do formátu Angular XLIFF. Better I18N řídí překladový workflow, Angular CLI sestaví balíčky pro jednotlivé locale.

Better I18N + Transloco

Moderní, lehká i18n knihovna pro Angular s lazy loading, bohatými pluginy a vynikající podporou TypeScriptu.

Synchronizujte překlady do JSON formátu Transloco přes GitHub integraci Better I18N. Aktualizace v reálném čase s CDN distribucí.

Začněte stavět s Angular i18n

K dispozici je bezplatná verze. Kreditní karta není vyžadována.