在 ts 代码中带有 i18n 的 Angular 6 应用程序

Question

在这篇文章之后，我正在努力翻译我的 Angular 应用程序 http://www.dzurico.com/i18n-with-angular-6/

我还使用 primeng 组件库并根据应用程序流程提供自定义错误消息例如

if (duplicateSerial) {
      this.msgs.push({
        severity: 'error', summary: 'Serial already selected'
      });
      setTimeout(() => this.msgs = [], 2000);
      return;
    }

翻译TS代码'Serial already selected'中文字的方法是什么

Answer 1

这完全取决于您喜欢哪种翻译框架。与 ngx-translate ，例如，翻译看起来像这样。

你要么在某处有一个包含 i18n-json-files 的文件夹，要么直接从数据库中获取键值对。

在文件的情况下，它们是由这样的位置字符串命名的

en.json, en-GB.json, en-US.json, de.json ...

内容是由键值对组成的普通 json 对象

{
    "wrong_password": "Wrong Password!",
    "serial_already_selected": "Serial Already Selected",
    "no_user_logged_in": "No User Logged In"
}

App.Module

将您的 TranslateModule 导入 AppModule 和您需要翻译的任何其他模块。

import {TranslateService} from '@ngx-translate/core';

组件

在任何需要翻译的组件中导入TranslateService

import {TranslateService} from '@ngx-translate/core';

constructor(translate: TranslateService) {}

如果你想在组件的 ts 文件中使用它，你可以这样做:

if (duplicateSerial) {
  this.msgs.push({
    severity: 'error', summary: this.translate.instant('serial_already_selected')
  });
  setTimeout(() => this.msgs = [], 2000);
  return;
}