如何在角度組件庫上使用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);
}