斯巴达克斯如何进行动态翻译？

Question

我正在使用斯巴达克斯 4.2 。我想使用我自己的自定义端点提供翻译服务。我正在使用 APP_INITIALIZER 令牌进行 api 调用。我的问题是如何在 ProvideConfig() 中设置结果。或者还有其他方法来动态提供翻译服务吗？ 当我收到 api 的响应时，我想更新 mytranslationsEN。

斯巴达克斯-configuration.module.ts

import { HttpClient } from '@angular/common/http';
import { APP_INITIALIZER, NgModule } from '@angular/core';
import { translationChunksConfig, translations } from '@spartacus/assets';
import {
 FeaturesConfig,
 I18nConfig,
 OccConfig,
 provideConfig,
 SiteContextConfig,
 TranslationResources,
 } from '@spartacus/core';
import {
 defaultCmsContentProviders,
 layoutConfig,
 mediaConfig,
} from '@spartacus/storefront';
import { Observable } from 'rxjs';
import { tap } from 'rxjs/operators';

import { mytranslationsfr } from 'src/assets/translations/fr/index.fr';

export let mytranslationsEN: TranslationResources = {}; 



function initializeAppFactory(httpClient: HttpClient): () => Observable<any> {
  return () => httpClient.get('http://localhost:3000/translations')
   .pipe(
     tap(translations => { 
      mytranslationsEN= {
                product:{...translations}
              };
     })
    
    );
  }



 @NgModule({
   declarations: [],
   imports: [],
 providers: [
  {
    provide: APP_INITIALIZER,
    useFactory: initializeAppFactory,
    deps: [HttpClient],
    multi: true,
  },
 provideConfig(layoutConfig),
 provideConfig(mediaConfig),
 ...defaultCmsContentProviders,
 provideConfig(<OccConfig>{
  backend: {
    occ: {
      baseUrl: 'https://localhost:9002',
    },
  },
}),
provideConfig(<SiteContextConfig>{
  context: {
    urlParameters: ['baseSite', 'language', 'currency'],
    baseSite: ['apparel-uk-spa'],
  },
}),
provideConfig(<SiteContextConfig>{
  context: {
    currency: ['GBP'],
    language: ['en'],
  },
}),
provideConfig(<I18nConfig>{
  i18n: {
    resources: translations,
    chunks: translationChunksConfig,
    fallbackLang: 'en',
  },
}),
provideConfig(<I18nConfig>{
  i18n: {
    resources: {
      en: mytranslationsEN ,
      fr: mytranslationsfr,
    },
    fallbackLang: 'en',
  },
}),
provideConfig(<FeaturesConfig>{
  features: {
    level: '4.2',
    },
  }),
 ],
})
export class SpartacusConfigurationModule {}

Answer 1

看起来这里已经讨论了动态加载翻译的类似情况：
https://stackoverflow.com/a/65224726/12566149