AngularJSでJSONファイルにアクセス

Question

最近、新しいAnguar Appを作成し、いくつかのデータをJSONファイルに保存したいと考えました。私は、1）アプリ内で.jsonファイルをどこに保存するのが最適か、2）そのファイルにアクセスする方法が不思議でした。

私は現在、私のクロームコンソールで次のエラーを取得しています： http://localhost:8000/travelMap/stateData.json 404（見つかりません）GET

これはシンプルなアプリですが、私は角度/ JavaScriptに新しいですし、これが最良の次のを確認します実践。

ありがとうございました！

次のように私のフォルダ構造は次のとおりです。 I would like to access the json in the travelMapCtrl and I've stored the json file in the same folder as this controller (travelMap) for now

これは私がJSONにアクセスしようとしていますJSです：

$http.get('stateData.json').then(function successCallback(response) { 
 
    console.log(response); 
 
    }, function errorCallback(response) { 
 
    console.log(response); 
 
    });

Answer 1

$ HTTPサービスを見つけることができません$ http.get（）に渡す引数は、アプリケーションのルートからの相対パスです（コントローラの場所に関係なく）。

JSONファイルをデータフォルダに配置し、相対パスをルートアプリケーションフォルダに渡すことができます。たとえば、ルートアプリが「app」フォルダにある場合、「app」フォルダ内に「data」フォルダを作成し、stateData.jsonファイルをそのフォルダに挿入することができます。次に、あなたのAPIコールは、次のようになります。$http.get("/data/stateData.json")

アプリの構造は次のようになります。

LauraApp/app/app.js 
LauraApp/app/data/stateData.json