如何在角度组件库上使用 i18n

Question

我在自己的组件库中使用 i18n，但它不起作用

在我的模块中

// AoT requires an exported function for factories
export function HttpLoaderFactory(http: HttpClient) {
  return new TranslateHttpLoader(http, './assets/i18n/', '.json');
}

@NgModule({
  declarations: [myLibraryModuleComponent],
  imports: [
    CommonModule,
    TranslateModule.forRoot({
      loader: {
        provide: TranslateLoader,
        useFactory: HttpLoaderFactory,
        deps: [HttpClient]
      }
    })
  ],
  exports: [myLibraryModuleComponent, TranslateModule]
})
export class myLibraryModule { }

我明白了

http://localhost:4200/assets/i18n/en.json

未找到。这不是一条好路

Answer 1

你在用aot吗？ 如果是，根据文档，您必须使用导出函数而不是内联函数

TranslateModule.forRoot({
            loader: {
                provide: TranslateLoader,
                useFactory: (createTranslateLoader),
                deps: [HttpClient]
            }
        })

注意括号之间的createTranslateLoader。

如果没有，试试这个：

export function HttpLoaderFactory(http: HttpClient) {
    return new TranslateHttpLoader(http);
}