Доступ к файлу JSON в AngularJS

Question

Недавно я создал новое приложение Anguar и хотел сохранить некоторые данные в файле JSON. Мне было интересно 1) где лучше всего хранить файл .json в приложении и 2) как получить доступ к указанному файлу.

В настоящее время я получаю следующее сообщение об ошибке в моем Chrome консоли: ПОЛУЧИТЬ http://localhost:8000/travelMap/stateData.json 404 (Not Found)

Это простое приложение, но я новее угловому/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

Это является JS, где я пытаюсь получить доступ к JSON:

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

Answer 1

$ HTTP служба не может найти файл, потому что аргумент, который вы передаете в $ http.get(), представляет собой путь относительно корня приложения (не относительно того, где находится контроллер).

Вы можете поместить свои файлы JSON в папку данных и передать относительный путь к папке корневого приложения. Например, если ваше корневое приложение находится в папке «app», вы можете создать папку «data» внутри папки «app» и вставить в него файл stateData.json. Тогда ваш вызов API будет: $http.get("/data/stateData.json")

Ваша структура приложение будет:

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