Monday, 12 June 2023

angular set up translate module

 required packages:

    "@ngx-translate/core": "11.0.1",

    "@ngx-translate/http-loader": "4.0.0",

    "ngx-translate-multi-http-loader": "3.0.0",


app.module.ts

import { TranslateLoader, TranslateModule } from '@ngx-translate/core';

import { MultiTranslateHttpLoader } from 'ngx-translate-multi-http-loader';

import { HttpClient, HttpClientModule } from '@angular/common/http';


export function HttpLoaderFactory(httpClient: HttpClient) {

    return new MultiTranslateHttpLoader(httpClient, [

        { prefix: './assets/i18n/', suffix: '.json?t=' + new Date().getTime() }

    ]);

}


@NgModule({

    declarations: [

        AppComponent,

    ],

    imports: [

        TranslateModule.forRoot(

            {

                loader: {

                    provide: TranslateLoader,

                    useFactory: HttpLoaderFactory,

                    deps: [HttpClient]

                },

            }

        )

    ],

No comments:

Post a Comment