[Question] How do you export TranslateStaticLoader from a SharedModule

So we have a pretty big project (Ionic 2) with lots of smaller ngModules.

We were hoping that you could export a preconfigured TranslateModule like so:

export function createTranslateLoader(http: Http) {
    return new TranslateStaticLoader(http, './assets/i18n', '.json');
}

@NgModule({
    declarations: [MomentDatePipe, NoTagsPipe, SpecialCharsPipe],
    exports: [
        IonicModule,
        MomentDatePipe,
        NoTagsPipe,
        SpecialCharsPipe,
        TranslateModule
    ],
    imports: [
        TranslateModule.forRoot({
            provide: TranslateLoader,
            useFactory: (createTranslateLoader),
            deps: [Http]
        })
    ],
    providers: [] // MUST NOT have any providers
})
export class SharedModule { }

Noticed that you wrote that one should not use forRoot in shared modules, so I’m aware that this probably is not a good idea, but for the purpose of example…

The translations work when other plugins import the shared module AND it is compiled using JiT. However, it doesn’t seem to work when compiled using AoT - the translations strings dont get translated.

TLDR; can you export a preconfigured TranslateModule from a SharedModule?

Thanks for reading

[ocombe]

This is fixed in 6.0.0 with the new forChild method and the updated documentation 😃

[SamVerschueren]

From the docs

Note: Never call a forRoot static method in the SharedModule. You will end up with multiple different instances of a service in your injector tree.

Not sure if we could clarify it even more? The examples are also showing this.

What then, do sub-modules automatically get this pre-configuration if importing TranslationService?

Yes. What happens is that the pre-configuration configures the providers. If a sub-module can’t find an instance in it’s own injector when injecting a service, it will ask the parent if it has an instance for that.