angular - ngx-translate - Kan inte isolera översättning i bibliotekmodul


Jag försöker bygga ett Angular-bibliotek som kommer att ha en separat uppsättning översättningar från den modul som konsumerar det. Det består av flera moduler som senare exporteras till konsumenten via SharedModule.

Översättning stannar i fristående modul:

import { HttpClient } from '@angular/common/http';
import { InjectionToken, ModuleWithProviders, NgModule } from '@angular/core';
import { TranslatePoHttpLoader } from '@biesbjerg/ngx-translate-po-http-loader';
import {
  MissingTranslationHandler,
  TranslateLoader,
  TranslateModule as NgxTranslateModule,
} from '@ngx-translate/core';

import { TranslationConfig } from '../models/module-config.model';

export function HttpLoaderFactory(http: HttpClient, config: TranslationConfig) {
  const prefix = config && config.urlPrefix || '/i18n/apps/maps';
  const suffix = config && config.urlSuffix || '.po';

  console.log('Will build new loader');

  return new TranslatePoHttpLoader(http, prefix, suffix);
}

export class CustomMissingTranslationHandler implements MissingTranslationHandler {
  handle(params: MissingTranslationHandlerParams) {
   return params.translateService.parser.interpolate(params.key, params.interpolateParams);
  }
}

export const TRANSLATIONS_CONFIG = new InjectionToken('TRANSLATIONS_CONFIG');

@NgModule({
  declarations: [],
  imports: [
    NgxTranslateModule,
  ],
  exports: [
    NgxTranslateModule,
  ]
})
export class TranslateModule {
  public static forRoot(config: TranslationConfig): ModuleWithProviders {
    return {
      ngModule: TranslateModule,
      providers: [
        {
          provide: TRANSLATIONS_CONFIG,
          useValue: config
        },
        ...NgxTranslateModule.forChild({
          loader: {
            provide: TranslateLoader,
            useFactory: HttpLoaderFactory,
            deps: [HttpClient, TRANSLATIONS_CONFIG]
          },
          missingTranslationHandler: {
            provide: MissingTranslationHandler,
            useClass: CustomMissingTranslationHandler,
            deps: [TRANSLATIONS_CONFIG],
          },
          isolate: true,
        }).providers
      ],
    };
  }
}

Translate-modulen exponeras via SharedModule:

import { HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
import { InjectionToken, ModuleWithProviders, NgModule } from '@angular/core';

import { ModuleConfigModel } from './models/module-config.model';
import { TranslateModule } from './modules/translate.module';

@NgModule({
  declarations: [
   /* ... */
  ],
  imports: [
    TranslateModule,
  ],
  exports: [
    /* ... */
    NgxTranslateModule,
    TranslateModule,
  ]
})
export class SharedModule {
  static forRoot(moduleConfig: ModuleConfigModel): ModuleWithProviders {
    return {
      ngModule: SharedModule,
      providers: [
        {
          provide: ModuleConfigModel,
          useValue: moduleConfig
        },

...TranslateModule.forRoot(moduleConfig.translationConfig).providers, ] }; } }

Och SharedModule exponeras via public_api.ts till användare. Jag använder det så här:

imports: [
    SharedModule.forRoot({
      apiKey: environment.apiKey,
      baseURL: environment.urlPrefix,
      translationConfig,
    }),
    TranslateModule.forRoot({
      isolate: true,
    }),
  ],

Jag provade alla kombinationer av isolate i forChild-metoden i min modul och alltid överskuggade huvud-forRoot() modulens initialisering från det ursprungliga biblioteket TranslateModule. Det enda sättet som verkade fungera var att byta till NgxTranslateModule.forRoot() i biblioteksfilen och ta bort huvud-NgxTranslateModule.forRoot() från biblioteksanvändaren, vilket är helt oacceptabelt...

TL;DR: översättningar fungerar som förväntat när de inte är isolerade. När jag isolerar dem i lazy loaded forChild, blir de åsidosatta av huvudmodulens forRoot() initialisering. isolate-flaggan hjälper inte.