Solución de i18n para Angular
Compatibilidad con componentes standalone, signals y SSR para aplicaciones 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>Características
Inicio rápido
Agrega i18n a tu app Angular con pipes y servicios.
// 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');
}
}Compatible con las bibliotecas i18n populares de Angular
Better i18n complementa tu biblioteca i18n de Angular — gestiona traducciones visualmente, colabora con traductores y despliega vía CDN.
Better i18n + @ngx-translate/core
La biblioteca de traducción Angular más utilizada. Traducciones en tiempo de ejecución con pipes, directivas e inyección de servicios.
Better i18n exporta en formato JSON de ngx-translate. Edita traducciones en nuestro panel, sincroniza automáticamente con tu repositorio.
Better i18n + Angular i18n (built-in)
El sistema i18n oficial de Angular con compilación AOT, expresiones ICU y extracción de traducciones en tiempo de compilación.
Exporta en formato XLIFF de Angular. Better i18n gestiona el flujo de traducción, Angular CLI construye bundles específicos por locale.
Better i18n + Transloco
Biblioteca i18n moderna y ligera para Angular con carga diferida, plugins completos y excelente soporte TypeScript.
Sincroniza traducciones en formato JSON de Transloco vía la integración GitHub de Better i18n. Actualizaciones en tiempo real con entrega CDN.
Explore otras guías sobre marcos de trabajo
Empieza a construir con i18n para Angular
Plan gratuito disponible. No se requiere tarjeta de crédito.