如何將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';