Angular translation forchild not loading

[Totot0]

I have an angular application that uses ngx-translation. For this, I made a Shared module that loads a translation file containing different keys (general errors...) :

`@NgModule({ imports: [ TranslateModule.forChild({ loader: { provide: TranslateLoader, useFactory: TranslateFactory, deps: [HttpClient] } }), ], exports: [TranslateModule], })

export class TranslatorModule { constructor(translate: TranslateService){ translate.addLangs(['fr']); translate.setDefaultLang('fr');

const browserLang = translate.getBrowserLang();
translate.use(browserLang.match(/fr/) ? browserLang : 'fr');

} }

export function TranslateFactory(http: HttpClient) { return new TranslationService(http, 'assets/i18n'); }`

In my AppModule, I load this module and I also load another translation file via forRoot :

`@NgModule({ declarations: [ AppComponent, ], imports: [ BrowserModule, AppRoutingModule, SharedModule, TranslateModule.forRoot({ loader: { provide: TranslateLoader, useFactory: TranslateFactory, deps: [HttpClient] } }), ], bootstrap: [AppComponent] })

export class AppModule{

}

export function TranslateFactory(http: HttpClient) { return new TranslationService(http, 'assets/i18n/myApp'); }`

My problem is that only translateService.forRoot works. Translations from translateService.forChild are not loaded

Then I just use my shareModule in my loaded modules in lazy loading mode

[Yqnn]

I've the same issue, I think it's because the same TranslateService is shared in the 2 modules, and it uses the configuration given in 'TranslateModule.forRoot'.

[eulersson]

For lazy-loaded modules with different translation loaders (loading .json from different files) it seems to be either (in the case of the lazy-loaded):

• (LazyModule isolate: false, extend: true) React to parent module translation events automatically without having to connect anything, just as they say, but cannot load the lazy loaded specific files.
• (LazyModule isolate: true, extend: true) We have to propagate changes to parent's translation event changes to the lazy child ourselves, and we can have our specific translations working! But the parent's translation won't work.

It's like I can't blend the two.

I got pretty close though maybe you could have a look and play within StackBlitz: https://stackblitz.com/edit/translations-and-lazy-loading?file=README.md