将 en.json 从 i18n 文件夹导入到 Angular 4 中的组件中

Question

我使用 Angular 4，我的示例组件将 .ts 文件放在一个文件夹中，en.json 文件放在 assets/i18n 文件夹中。 en.json 文件由具有键：值转换的对象组成。

有没有办法将 en.json 文件导入 Angular 组件 .ts 文件，以便我可以使用 en.json 包含的对象？

Answer 1

1 - 用这个创建一个定义文件，或把它添加到你的typings.d.ts：

declare module "*.json" {
  const value: any;
  export default value;
}

2 - 在您的组件中，只需添加

import * as data from './example.json';

您的

文件现已导入，您可以在 data.key 变量中找到您的翻译！