如何将JSON文件导入到TypeScript文件中？

Question

我正在建立一个使用Angular Maps的地图应用程序，并且想要导入一个JSON文件作为定义位置的标记列表。我希望将这个JSON文件用作app.component.ts中的marker []数组。而不是在TypeScript文件中定义一个硬编码的标记数组。

什么是导入这个JSON文件在我的项目中使用的最佳过程？任何方向非常感谢！

Answer 1

谢谢，我能找到的修复，我加入之上定义的JSON app.component.ts文件：

var json = require('./[yourFileNameHere].json'); 

这最终产生的标记，是一个简单的代码行。

Answer 2

最简单的方法可能只是通过HttpClient获取json。 HttpClient的注入到你的组件，然后使用此代码:)为输入家伙

this.http.get('/your.json').subscribe(data => { 
    this.results = data; 
}); 

https://angular.io/guide/http

Answer 3

let fs = require('fs'); 
let markers; 
fs.readFile('./markers.json', handleJSONFile); 

var handleJSONFile = function (err, data) { 
    if (err) { 
     throw err; 
    } 
    markers= JSON.parse(data); 
} 

Answer 4

Aonepathan的一行内容一直在为我工作，直到最近的打字稿更新。

我发现Jecelyn Yeen的post这表明发布这个片段到您的TS Definition文件

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

，然后导入您的数据是这样的：

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