在angular.js中加载带.json的表

时间:2018-02-03 23:28:17

标签: javascript angularjs json scope

我正在angularJs建立我的第一个网站。目前,尝试使用以下代码加载表

$scope.voyages = [
                {
    "data1": "data",
    "data2": "data
}, {
    "data1": "data",
    "data2": "data
}];

但我想将file.json中的数据放入此表中,我该怎么办? 我已经尝试过jQuery的getJson函数但没有成功,我可能没有以正确或推荐的方式使用它。

编辑:修正如下:

 function VoyagesCtrl($scope) {
       $scope.voyages= $.get( "file.json", function(data){
       $scope.voyages = JSON.parse(data);
        console.log($scope.voyages);
        });
    }

2 个答案:

答案 0 :(得分:0)

没有绝对正确的方法(取决于具体情况)。但我认为你要做的是使用数据来本地测试你的角度应用程序,因为你可以在这里检查这个答案,这几乎是相同的情况。 https://stackoverflow.com/a/18060563/7988438

我建议的是设置本地服务器(使用Node和Express)来提供数据,这样一旦完成本地测试,就不需要更改API调用了,(使用{ {3}}如果你是懒惰的,或者后端不是你的东西),并使用AngularJS的this来获取它们。

答案 1 :(得分:0)

var table_data =  $http.get('path-to-local-json', {}, 
{cache:false}).then(function(result){

       //return the data to the controller
       return result;
},function(err){
      //Handle errors.
});