Solusi i18n untuk Angular
Dukungan komponen standalone, signals, dan SSR untuk aplikasi 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({
projectId: '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>Fitur
Mulai Cepat
Tambahkan i18n ke aplikasi Angular Anda dengan pipe dan service.
// 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');
}
}Bekerja dengan pustaka i18n populer Angular
Better I18N melengkapi pustaka i18n Angular Anda — kelola terjemahan secara visual, berkolaborasi dengan penerjemah, dan deploy via CDN.
Better I18N + @ngx-translate/core
Pustaka terjemahan Angular paling banyak digunakan. Terjemahan runtime dengan pipes, directives, dan service injection.
Better I18N mengekspor ke format JSON ngx-translate. Edit terjemahan di dashboard kami, sinkronkan otomatis ke repo Anda.
Better I18N + Angular i18n (built-in)
Sistem i18n resmi Angular dengan kompilasi AOT, ekspresi ICU, dan ekstraksi terjemahan saat build.
Ekspor ke format Angular XLIFF. Better I18N mengelola alur kerja terjemahan, Angular CLI membangun bundle per locale.
Better I18N + Transloco
Pustaka i18n modern dan ringan untuk Angular dengan lazy loading, plugin lengkap, dan dukungan TypeScript yang sangat baik.
Sinkronkan terjemahan ke format JSON Transloco via integrasi GitHub Better I18N. Pembaruan real-time dengan pengiriman CDN.
Mulai Membangun dengan i18n Angular
Tersedia paket gratis. Tanpa kartu kredit.