Zum Inhalt springen
Angular i18n

Angular‑i18n‑Lösung

Standalone‑Components, Signals und SSR‑Support für Angular‑Anwendungen.

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>

Features

Support für Standalone‑Components
Übersetzungs‑Pipes
i18n‑Direktiven
Injizierbare Services
Lazy‑Loading‑Module
AOT‑Compilation‑Support
Angular Universal SSR
Signals‑Support
Angular‑CLI‑Integration

Schnellstart

Fügen Sie i18n zu Ihrer Angular‑App hinzu – mit Pipes und Services.

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

Funktioniert mit beliebten Angular i18n-Bibliotheken

Better i18n ergänzt Ihre Angular i18n-Bibliothek — verwalten Sie Übersetzungen visuell, arbeiten Sie mit Übersetzern zusammen und deployen Sie über CDN.

Better i18n + @ngx-translate/core

Die meistverwendete Angular-Übersetzungsbibliothek. Laufzeit-Übersetzungen mit Pipes, Direktiven und Service-Injection.

Better i18n exportiert im ngx-translate JSON-Format. Bearbeiten Sie Übersetzungen im Dashboard, synchronisieren Sie automatisch mit Ihrem Repository.

Better i18n + Angular i18n (built-in)

Angulars offizielles i18n-System mit AOT-Kompilierung, ICU-Ausdrücken und Build-Zeit-Übersetzungsextraktion.

Export im Angular XLIFF-Format. Better i18n verwaltet den Übersetzungsworkflow, Angular CLI erstellt locale-spezifische Bundles.

Better i18n + Transloco

Moderne, leichtgewichtige i18n-Bibliothek für Angular mit Lazy Loading, umfangreichen Plugins und exzellenter TypeScript-Unterstützung.

Synchronisieren Sie Übersetzungen im Transloco JSON-Format über Better i18ns GitHub-Integration. Echtzeit-Updates mit CDN-Auslieferung.

Better i18n vs. Alternativen

Kostenloser Tarif verfügbar. Keine Kreditkarte erforderlich.