Translations not loaded on first start

fortunella commented 4 years ago

Current behavior

I use ngx-translate in an Ionic 4 app. When I deploy the app to a device on the first start the translations are not loaded. If I exit the app and restart it, everthing works fine.

Expected behavior

Translations are loaded on first start of the app.

Minimal reproduction of the problem with instructions

Build the Ionic app with initialization of ngx-translate as in the docs
Deploy app to a device (Android or iOS)
Start the app

Environment


ngx-translate version: 12.1.1
Angular version: 8.2.14

In my app.component.ts I initialize ngx-translate as described in the docs:

constructor(public translate: TranslateService) {
    this.translate.setDefaultLang('de');
    this.translate.use('de').subscribe(
      next => { console.log('Initialized translations') }
    );
}

It seems that the use() method does not work correctly on the first start. The output inside the subscribe does not appear on the first start, but one the second.

Maybe its related to #1162 or #1175

fortunella commented 4 years ago

I found a workaround that works for me, but it's a bit hacky.

I created a class Labels that holds the labels from the JSON files. In my app.component.ts I set the translations explicitly with the values from this class when I configure the translate service.

    this.translate.setTranslation('de', Labels.get('de'));
    this.translate.setTranslation('en', Labels.get('en'));

This works on the first start, but now I have to maintain two versions of the translations as I want to switch back to the official way with http-loader when the bug is fixed.