本地加載JSON數據轉換爲JavaScript文件

Question

我試圖一個JSON文件加載到我的JavaScript文件。但是，我在如何做到這一點上感到不知所措。

我app.js文件：

var myApp = angular.module('myApp', []); 

myApp.controller('MainCtrl', ['$scope', function ($scope) { 
    console.log("in here"); 
    var jsonData = require('../test_data.json'); 

    console.log(jsonData); 
}]); 

我有一個test_data.json文件在我的項目目錄。上面的錯誤給出了「require is not defined」，所以看起來我必須安裝RequireJS？沒有安裝任何插件，還有另一種方法嗎？

Answer 1

嘗試採用了棱角分明的$http服務，你會在裝載有更多的控制，錯誤等等：

myApp.controller('MainCtrl', ['$scope', '$http', function ($scope, $http) { 
    console.log("in here"); 
    $http.get('../test_data.json').success(function(data) { 
    console.log(data); 
    }) 
}]);