Penyelesaian Angular i18n
Sokongan 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({
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>Ciri-ciri
Mula Pantas
Tambah i18n ke aplikasi Angular anda dengan pipe dan servis.
// 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');
}
}Berfungsi dengan pustaka i18n popular Angular
Better i18n melengkapkan pustaka i18n Angular anda — urus terjemahan secara visual, bekerjasama dengan penterjemah dan deploy melalui CDN.
Better i18n + @ngx-translate/core
Pustaka terjemahan Angular paling meluas digunakan. Terjemahan runtime dengan pipes, directives dan suntikan perkhidmatan.
Better i18n mengeksport ke format JSON ngx-translate. Edit terjemahan di papan pemuka kami, segerak secara automatik dengan repo anda.
Better i18n + Angular i18n (built-in)
Sistem i18n rasmi Angular dengan kompilasi AOT, ungkapan ICU dan pengekstrakan terjemahan semasa pembinaan.
Eksport ke format Angular XLIFF. Better i18n mengurus aliran kerja terjemahan, Angular CLI membina bundle khusus locale.
Better i18n + Transloco
Pustaka i18n moden dan ringan untuk Angular dengan pemuatan lazy, plugin kaya dan sokongan TypeScript yang cemerlang.
Segerakkan terjemahan ke format JSON Transloco melalui integrasi GitHub Better i18n. Kemas kini masa nyata dengan penghantaran CDN.
Mula Membina dengan Angular i18n
Pelan percuma tersedia. Kad kredit tidak diperlukan.