将NGX转换为可在NX工作区库中工作

问题描述 投票:0回答:1

我正在尝试使应用程序组件和lib组件的翻译都能正常工作。目前,我只能使app或lib组件正常工作,但不能同时工作。

结构:

  • 使用家庭组件创建了一个离子应用程序
  • [创建具有登录组件的“功能/ ui”库
  • [创建具有翻译组件的“核心/本地化”库(我在这里有翻译文件,在angular.json中,我将文件复制到应用程序中]

如果我在libs / features / ui / ui.module.ts中添加导入TranslateModule和提供程序,则可以使应用程序中的home组件正常工作。

@NgModule({
  imports: [
    ReactiveFormsModule,
    FormsModule,
    CommonModule,
    ToastrModule.forRoot(),
    TranslateModule.forRoot({
      loader: {
        provide: TranslateLoader,
        useFactory: createTranslateLoader,
        deps: [HttpClient]
     }
})],
providers: [
  {
      provide: APP_INITIALIZER,
      useFactory: appInitializerFactory,
      deps: [TranslateService, Injector],
      multi: true
  }
],
declarations: [LoginComponent],
exports: [
  LoginComponent
]
})

现在登录的翻译有效,但是home组件只写出了翻译密钥“ home.greet”

如果我改为在libs / core / core.module.ts中添加相同的导入TranslateModule和提供程序,我也可以使应用程序中的登录组件正常工作>

如果同时将代码添加到两个不同的位置,则登录名只会翻译,但是home组件再次只写出翻译键“ home.greet”]

而且将其初始化两次似乎也不对,所以我应该将导入和提供程序放在哪里,如何在两个地方都进行翻译?

我正在尝试使应用程序组件和lib组件的翻译都能正常工作。目前,我只能使app或lib组件正常工作,但不能同时工作。结构:创建了离子型...

angular ngx-translate
1个回答
0
投票

我能够通过以下步骤解决相同的问题:

  1. 在lib-> feature-> src-> assets-> i18n文件夹中维护lib特定的翻译。
© www.soinside.com 2019 - 2024. All rights reserved.