如何以角度6读取JSON文件

Question

我使用angular cli [version - 6.1.3]创建了一个项目,并尝试在组件中导入JSON文件 -

import * as serverJson from '../../config/appdetails.json';

我想在typings.d.ts中包含以下内容 -

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

但是,项目结构中没有typings.d.ts.

在这种情况下,以角度6导入JSON文件的最佳方法是什么？

Answer 1

只需在该文件夹中创建typings.d.ts,其中您的JSON数据与此内容一起存储:

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

然后你可以用这种方式导入你的数据,你需要命名它,不要使用'*':

import appDetails from '../../config/appdetails.json';