Configuración: Aplicación NgModule

Obsoleto

NgxTranslateRoutesModule está deprecado en v3. Migra a provideNgxTranslateRoutes() — consulta la guía de migración.

Para aplicaciones Angular que aún usan la arquitectura clásica de NgModule.

Configuración Básica

app.module.ts

import { NgModule } from '@angular/core'
import { BrowserModule } from '@angular/platform-browser'
import { HttpClient, provideHttpClient } from '@angular/common/http'
import { TranslateModule, TranslateLoader } from '@ngx-translate/core'
import { TranslateHttpLoader } from '@ngx-translate/http-loader'
import { NgxTranslateRoutesModule } from 'ngx-translate-routes'
import { AppRoutingModule } from './app-routing.module'
import { AppComponent } from './app.component'

export const httpLoaderFactory = (http: HttpClient) =>
  new TranslateHttpLoader(http)

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    AppRoutingModule,
    TranslateModule.forRoot({
      defaultLanguage: 'en',
      useDefaultLang: true,
      loader: {
        provide: TranslateLoader,
        useFactory: httpLoaderFactory,
        deps: [HttpClient],
      },
    }),
    NgxTranslateRoutesModule.forRoot(),
  ],
  providers: [provideHttpClient()],
  bootstrap: [AppComponent],
})
export class AppModule {}

Con Configuración Personalizada

NgxTranslateRoutesModule.forRoot({
  enableRouteTranslate: true,
  enableTitleTranslate: true,
  enableLanguageInPath: false,
})

precaución

Importa NgxTranslateRoutesModule solo una vez en el AppModule raíz. Importarlo en módulos de funcionalidad lanzará un error.

Consulta la Configuración para ver todas las opciones disponibles.