Vai al contenuto
Angular i18n

Soluzione Angular i18n

Supporto per componenti standalone, signals e SSR per applicazioni Angular.

Get started in 3 steps

1

Install

Add the Better i18n Angular package to your project.

terminal
npm install @better-i18n/angular
2

Import the module

Import BetterI18nModule in your AppModule or standalone component.

app.module.ts
import { BetterI18nModule } from '@better-i18n/angular';

@NgModule({
  imports: [
    BetterI18nModule.forRoot({
      project: 'your-org/your-project',
      defaultLocale: 'en',
    }),
  ],
})
export class AppModule {}
3

Use the translate pipe

Use the translate pipe or directive in your templates to display translations.

app.component.html
<h1>{{ 'welcome' | translate }}</h1>
<p>{{ 'greeting' | translate: { name: userName } }}</p>

Funzionalità

Supporto componenti standalone
Pipe di traduzione
Direttive i18n
Servizi iniettabili
Lazy loading dei moduli
Supporto compilazione AOT
Angular Universal SSR
Supporto Signals
Integrazione Angular CLI

Avvio rapido

Aggiungi i18n alla tua app Angular con pipe e servizi.

// 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');
  }
}

Compatibile con le librerie i18n popolari di Angular

Better i18n integra la tua libreria i18n Angular — gestisci le traduzioni visivamente, collabora con i traduttori e distribuisci via CDN.

Better i18n + @ngx-translate/core

La libreria di traduzione Angular più utilizzata. Traduzioni runtime con pipe, direttive e iniezione di servizi.

Better i18n esporta nel formato JSON di ngx-translate. Modifica le traduzioni nella nostra dashboard, sincronizza automaticamente con il tuo repository.

Better i18n + Angular i18n (built-in)

Il sistema i18n ufficiale di Angular con compilazione AOT, espressioni ICU ed estrazione delle traduzioni in fase di build.

Esporta nel formato XLIFF di Angular. Better i18n gestisce il flusso di traduzione, Angular CLI crea bundle specifici per ogni locale.

Better i18n + Transloco

Libreria i18n moderna e leggera per Angular con caricamento lazy, plugin completi ed eccellente supporto TypeScript.

Sincronizza le traduzioni nel formato JSON di Transloco tramite l'integrazione GitHub di Better i18n. Aggiornamenti in tempo reale con distribuzione CDN.

Inizia a sviluppare con Angular i18n

Piano gratuito disponibile. Nessuna carta di credito richiesta.