Tuesday, 13 June 2023

Angular set NGX-translate

 package.json

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

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

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



app.module

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

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

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


https://stackoverflow.com/questions/50441939/ngx-translate-json-not-found

export function HttpLoaderFactory(httpClient: HttpClient) {

    return new MultiTranslateHttpLoader(httpClient, [

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

    ]);

}

....

imports[

  TranslateModule.forRoot(

            {

                loader: {

                    provide: TranslateLoader,

                    useFactory: HttpLoaderFactory,

                    deps: [HttpClient]

                },

            }

        )

]


app.component

  private translateService: TranslateService

        this.translateService.setDefaultLang('en');

        this.translateService.use('en');


No comments:

Post a Comment