Rozwiązanie i18n dla Angular
Wsparcie dla komponentów standalone, signals i SSR w aplikacjach Angular.
Get started in 3 steps
Install
Add the Better i18n Angular package to your project.
npm install @better-i18n/angular
Import the module
Import BetterI18nModule in your AppModule or standalone component.
import { BetterI18nModule } from '@better-i18n/angular';
@NgModule({
imports: [
BetterI18nModule.forRoot({
project: 'your-org/your-project',
defaultLocale: 'en',
}),
],
})
export class AppModule {}Use the translate pipe
Use the translate pipe or directive in your templates to display translations.
<h1>{{ 'welcome' | translate }}</h1>
<p>{{ 'greeting' | translate: { name: userName } }}</p>Funkcje
Szybki start
Dodaj i18n do aplikacji Angular za pomocą pipes i serwisów.
// 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');
}
}Współpracuje z popularnymi bibliotekami i18n dla Angular
Better i18n uzupełnia Twoją bibliotekę i18n Angular — zarządzaj tłumaczeniami wizualnie, współpracuj z tłumaczami i wdrażaj przez CDN.
Better i18n + @ngx-translate/core
Najszerzej stosowana biblioteka tłumaczeń Angular. Tłumaczenia w runtime przez pipes, dyrektywy i wstrzykiwanie serwisów.
Better i18n eksportuje do formatu JSON ngx-translate. Edytuj tłumaczenia w panelu, automatycznie synchronizuj z repozytorium.
Better i18n + Angular i18n (built-in)
Oficjalny system i18n Angular z kompilacją AOT, wyrażeniami ICU i ekstrakcją tłumaczeń w czasie budowania.
Eksport do formatu Angular XLIFF. Better i18n zarządza procesem tłumaczenia, Angular CLI buduje pakiety dla poszczególnych lokalizacji.
Better i18n + Transloco
Nowoczesna, lekka biblioteka i18n dla Angular z lazy loading, bogatymi wtyczkami i doskonałą obsługą TypeScript.
Synchronizuj tłumaczenia do formatu JSON Transloco przez integrację Better i18n z GitHub. Aktualizacje w czasie rzeczywistym z dostawą CDN.
Zapoznaj się z innymi przewodnikami po frameworkach
Zacznij budować z Angular i18n
Dostępny darmowy plan. Bez karty kredytowej.