Angular i18n-рішення
Підтримка 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-застосунку за допомогою pipe і сервісів.
// 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
Доступний безкоштовний тариф. Кредитна картка не потрібна.