Ngx translate with lazy loading in angular universal

Question

I tring to use translate the text inside my renderd html But only the glitch text appear inside it I make translate module inside server module But only global components like navbar was translated

Any help !?

Nader Medhet · Accepted Answer · 2019-02-27 16:55:37Z

1

i fix it my usign custom loader get the translate from asstest by import json

custom Json loader

import { Observable, of } from "rxjs";


import { TranslateLoader } from "@ngx-translate/core";


export class JSONModuleLoader implements TranslateLoader {
TRANSLATIONS: {
    ar: any,
    en: any
}
constructor(TRANSLATIONS: any) {
    this.TRANSLATIONS = TRANSLATIONS
}
getTranslation(lang: string): Observable<any> {
    return of(this.TRANSLATIONS[lang]);
}
}

my module factory

import { JSONModuleLoader } from './translate/translateLoader';
import { AppTAr, AppTEn } from '../environments/translat';
let TRANSLATIONS = {
  ar: AppTAr,
  en: AppTEn
}
export function createTranslateLoader() {
  return new JSONModuleLoader(TRANSLATIONS);
}

and it's work now :"D

answered Feb 27, 2019 at 16:55

Nader Medhet

432 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Ngx translate with lazy loading in angular universal

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related