Question

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

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

这是一款简单的应用，但我对Angular / 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文件放在数据文件夹中，并将相对路径传递给根应用程序文件夹。例如，如果您的根应用程序位于＆＃34; app＆＃34;文件夹，然后你可以创建一个＆＃34;数据＆＃34; ＆＃34; app＆＃34;内的文件夹文件夹并在其中插入stateData.json文件。然后您的API调用将是：$http.get("/data/stateData.json")

您的应用结构将是：

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

在AngularJS中访问JSON文件

1 个答案: