訪問AngularJS中的JSON文件

我最近創建了一個新的Anguar應用程序，並希望將一些數據存儲在JSON文件中。我想知道1）最好在應用程序中存儲.json文件，以及2）如何訪問所述文件。訪問AngularJS中的JSON文件

我目前得到的我的Chrome控制檯以下錯誤： GET http://localhost:8000/travelMap/stateData.json 404（未找到）

這是一個簡單的應用程序，但我更新到角/ 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); 
 
    });

來源

2017-02-16 laura42

嘗試此http：//本地主機：8000 /組件/ travelMap/stateData.json UR文件是在組件文件夾.. –

@HimanshuBansal我實際上更新了/components/travelMap/stateData.json的路徑，並且工作。很簡單。謝謝您的幫助！ – laura42

肯定np ^^隨時ping我任何angularjs相關的問題 –

$ HTTP服務無法找到該文件是因爲您傳遞給$ http.get（）的參數是相對於應用程序根目錄的路徑（而不是相對於控制器的位置）。

您可以將您的JSON文件放入數據文件夾並將相對路徑傳遞到根應用文件夾。例如，如果您的根應用程序位於「應用程序」文件夾中，則可以在「應用程序」文件夾內創建一個「數據」文件夾，並在其中插入stateData.json文件。那麼你的API調用將是：$http.get("/data/stateData.json")

您的應用程序的結構將是：

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

來源

2017-02-16 19:18:21

訪問AngularJS中的JSON文件

回答

相關問題