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

Question

我使用Angular 4，我的示例组件在一个文件夹中有.ts文件，在assets / i18n文件夹中有en.json文件。 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变量中找到您的翻译！