TranslateModule 配置不工作

Question

我创建了以下文件来隔离 ngx-translate 配置：

import {
  Http
} from '@angular/http';
import {
  TranslateHttpLoader
} from '@ngx-translate/http-loader';
import {
  TranslateLoader,
  TranslateModuleConfig
} from '@ngx-translate/core';

// AoT requires an exported function for factories
export function HttpLoaderFactory(http: Http) {
  return new TranslateHttpLoader(http);
}

export function translateModuleConfig(): TranslateModuleConfig {
  return {
    loader: {
      provide: TranslateLoader,
      useFactory: HttpLoaderFactory,
      deps: [Http]
    }
  };
}

然后我只是在我的应用程序模块 imports 部分中使用以下内容：

TranslateModule.forRoot(translateModuleConfig)

但它实际上不再起作用了，这与我直接内联配置而不是函数时不同。我做错了什么？

Answer 1

尝试将您的函数更改为：

export function translateModuleConfig() {
  return {
    loader: {
      provide: TranslateLoader,
      useFactory: HttpLoaderFactory,
      deps: [Http]
    }
  };
}

然后在您的 app 模块中执行此操作：

TranslateModule.forRoot(translateModuleConfig());

TranslateModule 配置不工作

TranslateModule Configuration Not Working

typescript

angular-module

ngx-translate

angular