我正在使用 Angular Maps 构建 map 应用程序，并希望将 JSON 文件作为定义位置的标记列表导入。我希望将此 JSON 文件用作 app.component.ts 内的 marker[] 数组。而不是在 TypeScript 文件中定义硬编码的标记数组。

导入此 JSON 文件以用于我的项目的最佳流程是什么？任何方向都非常感谢!

最佳答案

在最近的 typescript 更新之前，Aonepathan 的单行字一直为我工作。

我找到了 Jecelyn Yeen 的 post建议将此片段发布到您的 TS 定义文件中

将文件 typings.d.ts 添加到项目的根文件夹中，内容如下

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

然后像这样导入您的数据:

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

2019 年 7 月更新:

Typescript 2.9 (docs) 引入了更好、更智能的解决方案。步骤:

1. 在您的 tsconfig.json 文件中使用这一行添加 resolveJsonModule 支持:

"compilerOptions": {
    ...
    "resolveJsonModule": true
  }

import 语句现在可以假定默认导出:

从'./example.json'导入数据；

Intellisense 现在将检查 json 文件以查看您是否可以使用 Array 等方法。很酷。

https://stackoverflow.com/questions/46991237/