javascript - 在 AngularJS 中访问 JSON 文件

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() 的参数是相对于应用程序根目录的路径(而不是相对于 Controller 所在的位置)。

您可以将 JSON 文件放入数据文件夹中，并将相对路径传递到根应用程序文件夹。例如，如果您的根应用程序位于“app”文件夹中，那么您可以在“app”文件夹内创建一个“data”文件夹，然后在其中插入 stateData.json 文件。那么您的 API 调用将是: $http.get("/data/stateData.json")

您的应用程序结构将是:

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