私はAngular Mapsを使ってマップアプリケーションを構築しており、JSONファイルを場所を定義するマーカーのリストとしてインポートしたいと考えています。このJSONファイルをapp.component.ts内のマーカー[]配列として使用したいと考えています。 TypeScriptファイル内にマーカーのハードコーディングされた配列を定義する代わりに。JSONファイルをTypeScriptファイルにインポートするには？
私のプロジェクトで使用するためにこのJSONファイルをインポートする最善のプロセスは何ですか？どんな方向にも大いに感謝します！
おかげを使用し、私は私が追加、修正を見つけることができたとの上にJSONを定義しapp.component.tsファイル：
var json = require('./[yourFileNameHere].json');
は、この最終的なマーカーを生成し、コードのシンプルなラインです。
最も簡単な方法は、おそらくちょうどHttpClient経由でjsonを取得することです。あなたのコンポーネントにHttpClientをを注入し、その後、入力された男性のためのこのコード:)
this.http.get('/your.json').subscribe(data => {
this.results = data;
});
let fs = require('fs');
let markers;
fs.readFile('./markers.json', handleJSONFile);
var handleJSONFile = function (err, data) {
if (err) {
throw err;
}
markers= JSON.parse(data);
}
最近のタイピッチの更新まで、Aonepathanのワンライナーが私のために働いていました。
は、私が見つかりました。declare module "*.json" { const value: any; export default value; }
し、その後、このようなあなたのデータをインポートし、あなたのTS定義ファイルにこのスニペットを掲示することを提案Jecelyn Yeenのpost：
import * as data from './example.json';