Решение i18n для Angular
Поддержка standalone‑компонентов, signals и SSR для приложений 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>Функции
Быстрый старт
Добавьте i18n в приложение Angular с помощью пайпов и сервисов.
// 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');
}
}Совместим с популярными библиотеками i18n для Angular
Better i18n дополняет вашу библиотеку i18n Angular — управляйте переводами визуально, сотрудничайте с переводчиками и развёртывайте через CDN.
Better i18n + @ngx-translate/core
Наиболее распространённая библиотека перевода для Angular. Переводы в рантайме через pipes, директивы и внедрение сервисов.
Better i18n экспортирует в JSON-формат ngx-translate. Редактируйте переводы в панели, автоматически синхронизируйте с репозиторием.
Better i18n + Angular i18n (built-in)
Официальная система i18n Angular с AOT-компиляцией, ICU-выражениями и извлечением переводов во время сборки.
Экспорт в формат Angular XLIFF. Better i18n управляет процессом перевода, Angular CLI создаёт бандлы для каждой локали.
Better i18n + Transloco
Современная, лёгкая библиотека i18n для Angular с отложенной загрузкой, богатыми плагинами и отличной поддержкой TypeScript.
Синхронизируйте переводы в JSON-формат Transloco через интеграцию Better i18n с GitHub. Обновления в реальном времени с доставкой через CDN.
Ознакомьтесь с другими руководствами по фреймворкам
Начните создавать с Angular i18n
Есть бесплатный тариф. Банковская карта не требуется.