Angular6 - 使用 API 调用加载翻译到后端使用 ngx-translate [英] Angular6 - load translations using API call to backend using ngx-translate

问题描述

我想在我的前端使用 ngx-translate 在应用加载时动态加载翻译.

I want to use ngx-translate in my frontend to dynamically load translations on app load.

我的后端返回 JSON 格式的响应，例如:

My backend returns a response in JSON format, ex:

{
   "something: "something"
}

我想在我的 TranslateLoader 上使用该输出而不是本地 en.json 文件.

I want to use that output on my TranslateLoader instead of a local en.json file.

有什么方法可以实现吗?

Is there any way to achieve that?

TL;DL:我想调用 'http://localhost:xxxx/api/translation/EN' 获取翻译的 JSON 响应并将其加载到 TranslateHttpLoader

TL;DL: I want to call 'http://localhost:xxxx/api/translation/EN' to get a JSON response of the translations and load it on TranslateHttpLoader

推荐答案

你可以创建一个工厂:

export function httpLoaderFactory(http: HttpClient) {
  return new TranslateHttpLoader(http, "http://localhost:xxxx/api/translation/", "");
}

并在您的 @NgModule 导入中使用它:

And use it in your @NgModule imports:

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

这篇关于Angular6 - 使用 API 调用加载翻译到后端使用 ngx-translate的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！