小编vis*_*hnu的帖子

ngx-translate 不适用于延迟加载模块

我想在 angular 5 项目延迟加载模块中实现ngx-translate,它仅适用于父模块,但不适用于我的子模块,因此请提出更好的解决方案。

我为 app 模块编写代码。

我正在使用 @ngx-translate/core 和 @ngx-translate/http-loader

app.module.ts

 TranslateModule.forRoot({
      @NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    LayoutModule,
    HttpClientModule,
    BrowserAnimationsModule,
    HttpModule, ReactiveFormsModule,
    RouterModule.forRoot(
      appRoutes,
      { enableTracing: false }
    ),
    TranslateModule.forRoot({
      loader: {
        provide: TranslateLoader,
        useFactory: createTranslateLoader,
        deps: [HttpClient]
      }
    })

export function createTranslateLoader(http: HttpClient) {
  return new TranslateHttpLoader(http, './assets/i18n/app/', '.json');

}
Run Code Online (Sandbox Code Playgroud)

子模块.ts

@NgModule({
  imports: [

    RouterModule,
    CommonModule,
    BrowserModule,
    BrowserAnimationsModule,
    GridModule,
    DropDownsModule,
    FormsModule,
    ExcelModule,
    ControlMessagesModule, ReactiveFormsModule,    
    TranslateModule.forChild({
      loader: {
        provide: TranslateLoader,
        useFactory: (AdminTranslateLoader),
        deps: …
Run Code Online (Sandbox Code Playgroud)

localization ngx-translate angular

7
推荐指数
3
解决办法
5401
查看次数

标签 统计

angular ×1

localization ×1

ngx-translate ×1