Angular i18n-oplossing
Standalone componenten, signals en SSR-ondersteuning voor Angular-applicaties.
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>Functies
Snel starten
Voeg i18n toe aan je Angular-app met pipes en services.
// 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');
}
}Werkt met populaire Angular i18n-bibliotheken
Better i18n vult je Angular i18n-bibliotheek aan — beheer vertalingen visueel, werk samen met vertalers en deploy via CDN.
Better i18n + @ngx-translate/core
De meest gebruikte Angular-vertaalbibliotheek. Runtime-vertalingen met pipes, directieven en service-injectie.
Better i18n exporteert naar ngx-translate JSON-formaat. Bewerk vertalingen in ons dashboard, synchroniseer automatisch met je repository.
Better i18n + Angular i18n (built-in)
Angulars officiële i18n-systeem met AOT-compilatie, ICU-expressies en vertaalextractie tijdens de build.
Exporteer naar Angular XLIFF-formaat. Better i18n beheert de vertaalworkflow, Angular CLI bouwt locale-specifieke bundels.
Better i18n + Transloco
Moderne, lichtgewicht i18n-bibliotheek voor Angular met lazy loading, uitgebreide plugins en uitstekende TypeScript-ondersteuning.
Synchroniseer vertalingen naar Transloco JSON-formaat via Better i18ns GitHub-integratie. Realtime updates met CDN-levering.
Bekijk andere framework-handleidingen
Begin met bouwen met Angular i18n
Gratis tier beschikbaar. Geen creditcard nodig.