Load a table with .json in angular.js

Question

I am building my first ever website in angularJs. Currently, trying to load a table using the following code

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

but I want to put the data from my file.json into this table, how can I do it? I've tried the getJson function of jQuery but had no success, I might not be using it the correct or recommended way.

EDIT : Fixed it like this :

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

I did it like that : $scope.voyages = []; $.getJSON( "file.json", function( data){ $scope.voyages = data; }); @rsz — thomasA, Feb 04 '18 at 00:23
How did you fix it? What was the problem? This could help others in the future who may stumble upon this question. — rsz, Feb 04 '18 at 12:11
that way : function VoyagesCtrl($scope) { $scope.voyages= $.get( "file.json", function(data){ $scope.voyages = JSON.parse(data); console.log($scope.voyages); }); } — thomasA, Feb 04 '18 at 12:22

Mohammed Ilyass NASR · Answer 1 · 2018-02-03T23:59:42.897

0

There's no absolute correct way to do it (depends on the situation). but I think what you're trying to do is use the data to locally test your angular app, for that you can check this answer here which is pretty much the same situation. https://stackoverflow.com/a/18060563/7988438

What I'd advice though, is setting up a local server (using Node and Express) to serve your data, so you don't need to change the API calls once you're done with local testing, (use this if you're lazy, or if back-end isn't your thing), and getting them using AngularJS's $http.get.

edited Feb 03 '18 at 23:59

answered Feb 03 '18 at 23:50

Mohammed Ilyass NASR

271
2
6

Thank's for your nice help, i just fixed it :) – thomasA Feb 04 '18 at 00:54

score 0 · Answer 2 · answered Feb 04 '18 at 12:27

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.
});

answered Feb 04 '18 at 12:27

DudeM

23
4

Load a table with .json in angular.js

2 Answers2