在AngularJS中访问JSON文件

Question

我最近创建了一个新的Anguar App，并希望将一些数据存储在JSON文件中。 我想知道1）最好在应用程序中存储.json文件的地方，以及2）如何访问该文件。

我目前在我的Chrome控制台中遇到以下错误：GET http：// localhost：8000 / travelMap / stateData.json 404（未找到）

这是一个简单的应用程序，但是我不熟悉Angular / Javascript，并且想确保遵循最佳实践。

谢谢！

我的文件夹结构如下： 我想访问travelMapCtrl中的json，并且现在将json文件存储在与此控制器（travelMap）相同的文件夹中

这是我尝试访问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