如何通过全局服务在打字稿文件中使用 TranslateService (ngx-translate)？

Question

我正在尝试使用 ngx-translate 库在 Angular 4 应用程序中实现翻译功能。在这里，我尝试使用 TranslateService，它被注入到跨应用程序使用的全局服务中。在实用程序文件中调用此全局服务（包含所有常见功能）。最后在组件级别调用实用程序方法。整体使用图如下：

我还在https://stackblitz.com/edit/angular-6vlspz创建了一个示例应用程序

谁能帮我提供一些代码示例来实现它。

Answer 1

从你的例子中，有几件事要做：

• 使 testService 上的 moreText 成为可观察的文本。我认为最好的方法是 BehaviorSubject。
• 订阅那里的语言更改，并更新更多可观察的文本。
• 在你的组件中使用这个 observable。

我想到在拦截器中添加Accept-Language 标头。为什么需要抽象出实际的翻译值？直接在组件中使用即可：

<span>Something something {{ 'moreText' | translate }} </span>

您无需在服务中传递标签。