如何使用角度本地化根据语言更改 ts 文件

Question

我有文件errors.ts 和content.ts 的英文内容与errorsEs.ts 和contentEs.ts 的西班牙文内容相同。等等。我正在做JIT compiler angular localization 翻译语言。我在整个应用程序中导入了errors.ts 和content.ts。

截至目前，我正在将翻译后的语言（西班牙语、意大利语）内容替换为英语 content.ts 和 errors.ts，以将其作为不同的语言运行。有没有其他方法可以在不替换文件的情况下做到这一点？

Answer 1

当然，创建名称中包含语言环境的翻译文件（为了示例，我将创建一个）：

error.en-US.ts

export const errors = {
  http: {
    e404: `Error: resource not found on the server`
  }
};

接下来，创建一个错误服务。在构造函数中，获取用户语言环境，加载文件，然后使用它：

constructor() {
  if (window.navigator.languages) { this.language = window.navigator.languages[0]; } 
  else { this.language = window.navigator.userLanguage || window.navigator.language; }

  this.errors = require(`errors.${this.language}`).errors;
}

编辑

console.log(window.navigator.languages);
console.log(window.navigator.userLanguage);
console.log(window.navigator.language);